1. 什么是vue?
Vue是一套前端框架,免除原生JavaScript中的DOM操作,简化书写。
基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上。
官网(https://v2.cn.vuejs.orgl)
2.vue常用指令
- 指令:HTML标签上带有v-前缀的特殊属性,不同指令具有不同含义。例如:v-if ,v-for…
- 常用指令:
指令 | 作用 |
---|---|
v-bind | 为HTML标签绑定属性值,如设置href , css样式等 |
v-model | 在表单元素上创建双向数据绑定 |
v-on | 为HTML标签绑定事件 |
v-if | |
v-else-if | 条件性的渲染某元素,判定为true时渲染,否则不渲染 |
v-else | |
v-show | 根据条件展示某元素,区别在于切换的是display属性的值 |
v-for | 列表渲染,遍历容器的元素或者对象的属性 |
3.Vue的生命周期
生命周期的八个阶段:每触发一个生命周期事件,会自动执