首页 >web前端 >js教程 >在vue中有几种绑定变量的值以及防止其改变的方法(详细教程)

在vue中有几种绑定变量的值以及防止其改变的方法(详细教程)

亚连
亚连原创
2018-06-02 11:57:152687浏览

下面我就为大家分享一篇浅谈vue的几种绑定变量的值 防止其改变的方法,具有很好的参考价值,希望对大家有所帮助。

1、Object.freeze(obj)语句

obj={ 
 foo:"nan" 
} 
Object.freeze(obj);

用该语句固定变量后,之后对这个变量的更改都会无效,并在console中报错。

2、v-once元素绑定

<span>{{msg}}</span>

当msg数据改变之后span的内容也会当即发生改变,但是如果

<span v-once>{{msg}}</span>

如果加上了v-once绑定那么就算数据中的msg改变span里的内容不会随之改变。但是这个并不是防止数据改变,而只是绑定了一个html元素使之不要改变

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

Vue.js 动态为img的src赋值方法

基于datepicker定义自己的angular时间组件的示例

vue 过滤器filter实例详解

以上是在vue中有几种绑定变量的值以及防止其改变的方法(详细教程)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn