使用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 相关文章推荐
js 操作css实现代码
Jun 11 Javascript
javascript 解析后的xml对象的读取方法细解
Jul 25 Javascript
利用JS实现浏览器的title闪烁
Jul 08 Javascript
js获取系统的根路径实现介绍
Sep 08 Javascript
js获取url中"?"后面的字串方法
May 15 Javascript
javascript 闭包详解
Feb 15 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
Dec 02 Javascript
微信小程序 wxapp地图 map详解
Oct 31 Javascript
详解ES6之async+await 同步/异步方案
Sep 19 Javascript
Vue基本指令实例图文讲解
Feb 25 Vue.js
原生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
一个简单的自动发送邮件系统(三)
2006/10/09 PHP
PHP遍历数组的几种方法
2012/03/22 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
PHP基于新浪IP库获取IP详细地址的方法
2017/05/04 PHP
PHP实现的堆排序算法详解
2017/08/17 PHP
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
用javascript删除当前行,添加行(示例代码)
2013/11/25 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
2015/02/26 Javascript
js实现的黑背景灰色二级导航菜单效果代码
2015/08/24 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
微信小程序 前端源码逻辑和工作流详解
2016/10/08 Javascript
js 输入框 正则表达式(菜鸟必看教程)
2017/02/19 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
Node.js Express安装与使用教程
2018/05/11 Javascript
JavaScript面向对象继承原理与实现方法分析
2018/08/09 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
解决vue2中使用elementUi打包报错的问题
2020/09/22 Javascript
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
windows上安装Anaconda和python的教程详解
2017/03/28 Python
Python机器学习算法之k均值聚类(k-means)
2018/02/23 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
Python爬虫如何应对Cloudflare邮箱加密
2020/06/24 Python
面向对象编程的优势是什么
2015/12/17 面试题
精神文明建设先进工作者事迹材料
2014/05/02 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
2015年医院创卫工作总结
2015/04/22 职场文书
2015年艾滋病防治工作总结
2015/05/22 职场文书
《海上日出》教学反思
2016/02/23 职场文书
python中os.path.join()函数实例用法
2021/05/26 Python
JavaScript实现队列结构过程
2021/12/06 Javascript
Python实现仓库管理系统
2022/05/30 Python