Vuejs学习笔记

发表于 | 更新于 | 评论数： | 阅读次数：

在使用Vuejs开发的过程中，遇到了一些技术问题，在此记录一下。

对象克隆

作为响应式的开发框架，vuejs组件的data选项中元素将会被修改。vuejs将使用 ES5 的 Object.defineProperty函数修改 data 选项中的元素，使之成为响应式对象。 注意，在保存这些对象时，应该去掉其多余的用于响应的属性，可以采用如下代码：

1
observeProp=JSON.parse(JSON.stringify(observeProp))

数组遍历

注意Array.forEach方法通常情况下不会改变数据元素的值。

Vue实例方法与全局API

vue实例方法：vm.$set、vm.$del、vm.$nextTick等，挂在Vue.prototype上的方法。

全局API： Vue.directive、Vue.filter、Vue.component等，挂在Vue构造函数上的方法。

ElementUI切换暗黑主题

1
2
3
npm i -D element-theme-dark
# Then, in code
import 'element-theme-dark';

具体请参考：

参考链接

  1. javascript对象的浅拷贝、深拷贝和Object.assign方法浅析,by 侯贝贝.
  2. js 对象克隆的三种方式,by 加了白糖的老干妈.
  3. JavaScript 的 4 种数组遍历方法： for VS forEach() VS for/in VS for/of,by Fundebug.
  4. forEach究竟能不能改变数组的值,by ZhengKehang.
  5. Vue.js 技术揭秘,by ustbhuangy.
  6. 15 张前端高清知识地图，强烈建议收藏,by 望道同学.
  7. 理解Object.defineProperty的作用,by 戎马.
  8. vue3 区别于 vue2 的“与众不同”,by 喆星高照.
  9. 解析vue2.x源码之vue实例方法与全局API,by 前端小白 - GavinWu.
  10. Element UI dark theme,by Arattian.