1.vue是用于构建用户界面的渐进式js框架,自底向上逐层的应用:
-
简单应用:只需一个轻量小巧的核心库;
-
复杂应用:可以引入各式各样的vue插件;
2.vue特点:
-
采用组件化模式,提高代码复用率,更好维护(一个vue文件包含html css js,就是一个组件)
-
声明式编码,编码人员无需直接操作dom,提高开发效率
-
使用虚拟dom+优秀的diff算法,尽量复用dom节点
3.官网地址:cn.vuejs.org
-
风格指南:代码风格指南,个人习性写法差异参考
-
cookbook:编码技巧
-
团队:一些插件,代码例子
4.初始vue
-
创建vue实例,传入一个配置对象(指定容器)
-
vue实例和容器一一对应
-
容器代码依旧符合html规范,只不过混入特殊vue语法
-
data数据改变,页面用到data的地方自动变
5.vue模版语法两大类
插值语法:
-
功能:解析标签体内容
-
写法:{{xx}} xx要写js表达式,xx自动读取到data所有属性
指令语法:
-
功能:解析标签(包括:标签属性,标签体内容,绑定事件.......)
-
写法:v-bind:href="xx" 简写为 :href="xx", xx要写js表达式,xx自动读取到data所有属性
-
PS: vue中有很多指令 形式:v-????
6.vue中有两种数据绑定方式
-
v-bind:数据只能从data流向页面
-
v-model 数据双向流通 简写形式 v-model="name"
7.关于el 和 data
-
el除了初始化配置,也可以后续通过vue实例vm.$mount('#root')指定
-
data除了对象示,也可以使用函数式:data(){
...
return{name:'china'}
}
8.vue设计参考mvvm,v不仅可以使用data里面的,也可以使用默认vm里面的数据