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