淺談vue的幾種綁定變量的值 防止其改變的方法
1、Object.freeze(obj)語句
obj={
foo:"nan"
}
Object.freeze(obj);
用該語句固定變量后,之后對(duì)這個(gè)變量的更改都會(huì)無效,并在console中報(bào)錯(cuò)。
2、v-once元素綁定
<span>{{msg}}</span>
當(dāng)msg數(shù)據(jù)改變之后span的內(nèi)容也會(huì)當(dāng)即發(fā)生改變,但是如果
<span v-once>{{msg}}</span>
如果加上了v-once綁定那么就算數(shù)據(jù)中的msg改變span里的內(nèi)容不會(huì)隨之改變。但是這個(gè)并不是防止數(shù)據(jù)改變,而只是綁定了一個(gè)html元素使之不要改變
以上這篇淺談vue的幾種綁定變量的值 防止其改變的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue?vant使用ImagePreview實(shí)現(xiàn)預(yù)覽圖片
這篇文章主要介紹了Vue?vant使用ImagePreview實(shí)現(xiàn)預(yù)覽圖片,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10
Vue.js中用webpack合并打包多個(gè)組件并實(shí)現(xiàn)按需加載
對(duì)于現(xiàn)在前端插件的頻繁更新,我也是無力吐槽,但是既然入了前端的坑就得認(rèn)嘛,所以多多少少要對(duì)組件化有點(diǎn)了解,下面這篇文章主要給大家介紹了在Vue.js中用webpack合并打包多個(gè)組件并實(shí)現(xiàn)按需加載的相關(guān)資料,需要的朋友可以參考下。2017-02-02
VantUI封裝自定義Tabbar路由跳轉(zhuǎn)的實(shí)現(xiàn)
本文主要介紹了VantUI封裝自定義Tabbar路由跳轉(zhuǎn)的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
Vue項(xiàng)目打包優(yōu)化實(shí)踐指南(推薦!)
如果引入的庫眾多,那么vendor.js文件體積將會(huì)相當(dāng)?shù)拇?影響首開的體驗(yàn),這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目打包優(yōu)化實(shí)踐的相關(guān)資料,需要的朋友可以參考下2022-06-06

