使用vue.js开发时一些注意事项


Posted in Javascript onApril 27, 2016

关于响应式

vue的双向绑定是基于响应式来做的,即给一个Vue对象的属性加上getter, setter方法,在这些方法中处理双向绑定。但这种方式就会出现下面这些坑

对象响应式

Vue中的属性如果是Object,或者是数组,数组中有Object,那么这些Object最好在最开始就把所有需要用到的属性都定义一遍,如果在运行中重新添加属性,这个属性并不是响应式的,就不会实现双向绑定,例如:

const vm = new Vue({
  data: {
    a: {
      text: 'aaa'
    }
  }
})
vm.a.b = 'ccc'

这样的情况,a的b属性不是响应式的,所以不会双向绑定

Date对象

对Date对象的操作不是响应式的

Javascript 相关文章推荐
JavaScript入门教程(5) js Screen屏幕对象
Jan 31 Javascript
基于jquery的可多选的下拉列表框
Jul 20 Javascript
基于jQuery的简单九宫格实现代码
Aug 09 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
Javascript中的Callback方法浅析
Mar 15 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
Backbone中View之间传值的学习心得
Aug 09 Javascript
Easyui的组合框的取值与赋值
Oct 28 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
layer.prompt输入层的例子
Sep 24 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 #Javascript
Function.prototype.apply()与Function.prototype.call()小结
Apr 27 #Javascript
常用原生JS兼容性写法汇总
Apr 27 #Javascript
JS组件Bootstrap实现弹出框效果代码
Apr 26 #Javascript
跨域资源共享 CORS 详解
Apr 26 #Javascript
Bootstrap滚动监听(Scrollspy)插件详解
Apr 26 #Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 #Javascript
You might like
php fckeditor 调用的函数
2009/06/21 PHP
php 获取select下拉列表框的值
2010/05/08 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
Mootools 1.2教程(3) 数组使用简介
2009/09/14 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
js面向对象的写法
2016/02/19 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
在Linux系统上通过uWSGI配置Nginx+Python环境的教程
2015/12/25 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
异步任务队列Celery在Django中的使用方法
2018/06/07 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
在python3中实现更新界面
2020/02/21 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
JAVA招聘远程笔试题
2015/07/23 面试题
大学生学习党课思想汇报
2014/01/03 职场文书
优秀志愿者事迹材料
2014/02/03 职场文书
马智宇结婚主持词
2014/04/01 职场文书
《花木兰》教学反思
2014/04/09 职场文书
大学生违纪检讨书300字
2014/10/25 职场文书
成绩报告单家长评语
2014/12/30 职场文书
比赛主持人开场白
2015/05/29 职场文书
2016见义勇为事迹材料汇总
2016/03/01 职场文书
Vue项目打包、合并及压缩优化网页响应速度
2021/07/07 Vue.js
python代码实现扫码关注公众号登录的实战
2021/11/01 Python
HTML中的表格元素介绍
2022/02/28 HTML / CSS