宝哥软件园

Vue.set全局操作简单示例

编辑:宝哥软件园 来源:互联网 时间:2021-08-20

本文实例讲述了Vue.set全局操作。分享给大家供大家参考,具体如下:

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title vue。设置全局操作/title脚本类型=' text/JavaScript ' src=' http :https://cdn。bootcss。com/vue/2。6 .10/vue。量滴js '/script/headdyh1vue。设置全局操作/h1hr div id=' app ' { count } } ul Li v-for=' arr中的项目{ item } }/Li/ul/div pbutton onclick=' Add()' Add/button/p/body/html脚本var outData={ count :1,goods:'car ',arr:[1,2,3,4] } var app=new Vue({ el:'#app ',data:outData,})函数Add(){ }//OutDATa。计数;//用下标的时候改变值的时候就不会渲染//app。arr[0]=4;//Vue提供了设置来进行渲染Vue.set(app.arr,1,' json') }/script运行结果:

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://工具。JB 51。net/code/HTMljsrun测试上述代码运行效果。

希望本文所述对大家vue.js程序设计有所帮助。

更多资讯
游戏推荐
更多+