vue学习（一）

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里面的数据