vue尝试

Vue.js的常用指令

• v-bind指令 ：绑定属性和样式；拥有缩写“:”，也推荐使用缩写
• v-model指令：双向数据绑定
• v-on指令：对页面中的事件进行绑定,使用方法 v-on:click=“函数名称”,函数就是存放在methods属性里的方法名
• v-if指令：通过判断加载内容，若为真加载，为假时删除元素
• v-show指令：元素会始终渲染并保持在dom中，并且安全性没有v-if高，因为v-show 用法和v-if相同，只是v-show将元素display设置成none，并不是将元素直接移除
• v-else指令：元素必须紧跟在v-if或v-show元素的后面——否则它不能被识别。
• v-for指令：控制html元素的循环，实现数据列表

vue生命周期在工作中的用法

• beforeCreate():实例在内存中被创建出来，还没有初始化好data和methods属性。
• create():实例已经在内存中创建，已经初始化好data和method，此时还没有开始编译模板。
• beforeMount():已经完成了模板的编译，还没有挂载到页面中。
• mounted()：将编译好的模板挂载到页面指定的容器中显示。
• beforeUpdate():状态更新之前执行函数，此时data中的状态值是最新的，但是界面上显示的数据还是旧的，因为还没有开始重新渲染DOM节点。
• updated():此时data中的状态值和界面上显示的数据都已经完成了跟新，界面已经被重新渲染好了！
• beforeDestroy():实例被销毁之前。
• destroyed():实例销毁后调用，Vue实例指示的所有东西都会解绑，所有的事件监听器都会被移除,所有的子实例也都会被销毁。组件已经被完全销毁，此时组建中所有data、methods、以及过滤器，指令等，都已经不可用了。

父子加载的顺序：

父 beforeCreate
父 created
父 beforeMount
子 beforeCreate
子 created
子 beforeMount
子 mounted
父 mounted