vue中的监听,vue监听器原理

　　这篇文章主要为大家介绍了某视频剪辑软件之监听数据的原理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助溴

　　身体

　　div id=root

　　氕学生的基本信息/h1

　　button @click=student.age 年龄一岁/按钮

　　button @click=addSex 添加性别属性默认值是男/buttonbr

　　button @click=student.sex=未知 修改属性值/buttonbr

　　button @click=addFriend 在列表的首位就添加一个朋友/buttonbr

　　button @click=updateFriend 更新第一个人的名字/buttonbr

　　button @click=addHobby 添加一个爱好/buttonbr

　　按钮@click=更改修改第一个爱好为爬山/buttonbr

　　按钮@click=移除烟雾过滤掉抽烟/buttonbr

　　h3姓名：{{student.name}}/h3

　　h3年龄：{{student.age}}/h3

　　h3 v-if=student.sex 性别：{{student.sex}}/h3

　　h3爱好：/h3

　　整点

　　保险商实验所

　　li v-for=(h，index)in student。 hobby :key= index"{ h } }/Li

　　/ul

　　整点

　　h3朋友们：/h3

　　保险商实验所

　　李v-for=(f，index)中的学生。 friends :key= index { { f . name } }-{ { f . age } }/Li

　　/ul

　　/div

　　脚本

　　vue。配置。生产提示=假；

　　const vm=new Vue({

　　el: #root ，

　　数据：{

　　学生：{

　　姓名：张，

　　年龄：18,

　　爱好：[喝酒, 抽烟, 烫头],

　　朋友：[{

　　姓名：李，

　　年龄：15岁

　　}, {

　　姓名：王：

　　年龄：10岁

　　}]

　　}

　　},

　　方法：{

　　addSex() {

　　这个. $set(this.student， sex ，男)

　　//Vue.set(vm.student， sex ，男)

　　},

　　addFriend() {

　　this.student.friends.unshift({

　　姓名：《YY》、

　　年龄：66岁

　　})

　　},

　　updateFriend() {

　　这个学生。友[0]。name=小刘；

　　这个学生。友[0]。年龄=22岁

　　},

　　addHobby() {

　　this.student.hobby.push(唱歌)

　　},

　　更改(){

　　//拼接添加表示从第0个开始，删除一个，新增加的值是爬山

　　//注意：不能直接通过数组下标的形式进行修改

　　//this.student.hobby.splice(0，1，’爬山)

　　//Vue.set(this.student.hobby，0，’爬山)

　　这个. set(this.student.hobby，0，’爬山)

　　},

　　移除烟雾()

　　//过滤器不影响原数组的改变

　　这个。学生。爱好=这个。学生。爱好。过滤器((h)={

　　返回h！==抽烟

　　})

　　}

　　}

　　})

　　/脚本

　　/body

总结

　　本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。