vue入门

1.vue入门

vue用于免除js语言中的DOM操作，基于mvvm（Model->View->ViewModel）的操作，将数据进行双向绑定。

在使用vue框架的的时候，需要提前引入vue.js文件

2.常用指令

1. v-bind：为HTML标签绑定属性值，href,css样式等

2. v-model：在表单元素上创建双向绑定

3. v-on：为HTML绑定事件（v-on:可简写为@）

4. v-if：

5. v-else-if：条件性的渲染某些 元素，判定为true时，则渲染，否则不渲染

6. v-else

7. v-show：根据条件展示某元素，区别在于切换的是display属性的值
   

8. v-for：列表渲染，遍历容器的元素或者对象的属性
   

3.vue的生命周期（自动调用）

1. beforeCreate:创建vue前
2. created：创建vue后
3. beforeMount:挂载前
   4. mounted:挂载完成后，用于发送请求到服务端，加载数据
4. beforeUpdate:渲染前
5. updated:渲染后
6. beforeDestory:销毁前
7. destoryed:销毁后