vue基础语法及生命周期图

v-once 仅渲染一次 data里的值在其它事件中修改后,仍显示它的原始值
v-bind 单向数据绑定,js代码渲染到属性中 如v-bind:value 简写: 如:value=
v-on 双向 如v-on:input v-on 可简写为@,如@:input
v-model 双向数据绑定修改,用在表单控件上

methods: 代码时时更新,浪费性能
Computed: 和变量有关。放在里面当发生变化的时候才执行//同步代码
watch: 和变量相关,变量发生变化会执行,它为异步

V-show 标签只隐藏不移除 style=”display:none”
v-if 标签存在与否与后面的值相关

改变数组的值,并页面实时展示

<li v-for="(key,i) in like" @click="changeLike(i)">{{key}}</li>

第1种方法:新建一个数组并同时赋值

var likes = [].concat(this.like);
likes[i]="haha";
this.like =likes; 

第2种

Vue.set(this.like, i, "haha")

第3种

this.like.splice(i,0,"haha")

Vue生命周期.jpg

暂无评论
shijiebei 365bet manbetx 188bet xinshui caipiao 95zz tongbaoyule beplay 88bifa 18luck betway bwin hg0088 aomenjinshayulecheng ca88 shenbotaiyangcheng vwin w88 weide