Vue
集大成者
MVVM模式的实现者
第一个Vue程序
IDEA：插件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
{{message}}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script>
var vm = new Vue({
el: "#app",
data: {
message: "HelloVue"
}
});
</script>
</body>
</html>
|
MVVM
Model-View-ViewModel
分离视图和模型
基础语法
绑定事件
双向绑定
Vue组件
网络通信
- jQuery.ajax
- Axios
- 从浏览器创建XMLHttpRequests
- 从node.js创建http请求
- 支持Promise API
- 拦截请求和响应
- 转换请求数据和响应数据
- 取消请求
- 自动转换JSON数据
- 客户端支持防御XSRF
计算属性
计算出来的结果，保存在属性中，内存中运行
计算属性的主要特征就是为了将不经常变化的计算结果进行缓存，以节约我们的系统开销
插槽slot
绑定事件
this.$emit()
路由
v-router
创建项目
1
2
3
4
5
6
| cd xxxx
npm install vue-router --save-dev
npm i element-ui -S
npm install
cnpm install sass-loader node-sass --save-dev
npm run dev
|
路由模式和404
