首页 > web前端 > js教程 > 正文

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

亚连
发布: 2018-06-02 11:57:15
原创
2606 人浏览过

下面我就为大家分享一篇浅谈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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!