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元素使之不要改变