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