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

下面我就为大家分享一篇浅谈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中有几种绑定变量的值以及防止其改变的方法（详细教程）的详细内容，更多请关注其它相关文章！