vue的初了解

1.vue的声明式渲染 {{message}}
像极了小程序的数据渲染vue的初了解
2.vue的条件 v-if与循环 v-for
vue的初了解
循环例子
vue的初了解
注意当你书写了v-for是一定要写:key否则会报错,注意item是自己定义的
3.事件的绑定 v-on:click
这里咱们就用官网的例子进行演示
vue的初了解
methods里面是书写事件的地方,第一个红框中v-on:click也可以写成@click最后的效果是一样的
4.数据的双向绑定 v-model
vue的初了解
vue的初了解
上面讲的都是最基本的例子
5.vue的生命周期
vue的生命周期分为8个阶段
(1)beforeCreate 创建前
(2)created 创建后
(3)beforeMount 载入前
(4)mounted 载入后
(5)beforeUpdate 更新前
(6)updated 更新后
(7)beforeDestroy 销毁前
(8)destroyed 销毁后
6.vue第一次加载页面时会触发那几个钩子函数
beforeCreate created beforeMount mounted 也就是前四个周期
7.DOM渲染在那个周期中就已经完成
mounted

vue的初了解