浅谈vue的几种绑定变量的值 防止其改变的方法

 更新时间:2018年03月01日 10:05:15   转载 作者:ParadiserD  
下面小编就为大家分享一篇浅谈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的几种绑定变量的值 防止其改变的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 在vue-cli中组件通信的方法

    在vue-cli中组件通信的方法

    本篇文章主要介绍了在vue-cli中组件通信的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • vue.js 1.x与2.0中js实时监听input值的变化

    vue.js 1.x与2.0中js实时监听input值的变化

    这篇文章主要介绍了vue.js 1.x与vue.js2.0中js实时监听input值的变化的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-03-03
  • 深入理解vue.js中$watch的oldvalue与newValue

    深入理解vue.js中$watch的oldvalue与newValue

    这篇文章主要给大家介绍了关于vue.js中$watch的oldvalue与newValue的相关资料,文中通过示例代码介绍的非常详细,并且介绍了关于watch的其他测试,对大家学习或者使用vue.js具有一定的参考学习价值,需要的朋友们下面跟着小编来一起看看吧。
    2017-08-08
  • vue内置指令详解

    vue内置指令详解

    指令是Vue模板中最常用的一项功能,它带有前缀v-,主要职责是当其表达式的值改变时,相应的将某些行为应用在 DOM 上。这篇文章主要介绍了vue内置指令详解,需要的朋友可以参考下
    2018-04-04
  • vue-loader教程介绍

    vue-loader教程介绍

    本篇文章主要介绍了vue-loader教程介绍,vue-loader就是告诉webpack如何将vue格式的文件转换成js。有兴趣的可以了解一下
    2017-06-06
  • 讲解vue-router之什么是嵌套路由

    讲解vue-router之什么是嵌套路由

    这篇文章主要介绍了讲解vue-router之什么是嵌套路由,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • Vue.js基础学习之class与样式绑定

    Vue.js基础学习之class与样式绑定

    这篇文章主要为大家介绍了Vue.js的Class与样式绑定,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • vue 表单输入格式化中文输入法异常问题

    vue 表单输入格式化中文输入法异常问题

    v-model 是 vue.js 提供的语法糖,根据不同的表单控件监听不同的事件,实现对表单控件的数据双向绑定。这篇文章主要介绍了vue 表单输入格式化中文输入法异常,需要的朋友可以参考下
    2018-05-05
  • vue实现可增删查改的成绩单

    vue实现可增删查改的成绩单

    这篇文章主要为大家详细介绍了vue实现可增删查改的成绩单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • vue总线机制(bus)知识点详解

    vue总线机制(bus)知识点详解

    在本篇文章中小编给大家整理的是关于vue总线机制(bus)知识点总结,有兴趣的朋友们可以跟着学习下。
    2020-05-05

最新评论