在组件中创建dom:

      let a=document.querySelector('.test');
let newDom=document.createElement("div"); // 创建dom
newDom.setAttribute("class","testAdd" ); // 添加样式
a.appendChild(newDom); // 插入dom

数组与对象的更新:

 this.$set(你要改变的数组/对象,你要改变的位置/key,你要改成什么value)
this.$set(this.arr, 0, "OBKoro1"); // 改变数组
this.$set(this.obj, "c", "OBKoro1"); // 改变对象

或者:数组原生方法触发视图更新:

splice()、 push()、pop()、shift()、unshift()、sort()、reverse()

使用computed实现过滤器:

computed: {
filteredNames: function () {
let filter = new RegExp(this.findName, 'i')
return this.names.filter(el => el.match(filter))
}
}

vue源码查看:

在你的vue项目里,谷歌命令行键入

Object.getOwnPropertyNames(Vue)  //可以看定义在对象上的所有属性名/方法名
Vue.config
Vue.util
Vue.set.toString() //我们平常在控制台上是看不了一个函数到底源码怎么样的,用toString()就可以啦

最新文章

  1. Arcgis与CityEngine安装破解
  2. PHP之图片上传类(加了缩略图)
  3. 给libpcap增加一个新的捕包方法
  4. 【Java每日一题】20161013
  5. js_css_dl.dt实现列表展开、折叠效果
  6. android sdk 更新那些文件
  7. 数据库SQL优化大总结之 百万级数据库优化方案(转)
  8. Android之单选框
  9. 微调Win8.1这台电脑
  10. C#基础回顾:正则表达式
  11. AngularJS - 基本功能介绍
  12. Java compiler level does not match the version of the installed Java project facet.解决办法
  13. IOS 第三方库之-MBProgressHUD的使用详解
  14. C# 第十版
  15. EOS使用
  16. 配对堆优化Dijkstra算法小记
  17. VS2010自行编译OpenCV2.4.4时缺少python27_d.lib的解决方法
  18. .NetCore Cap 注册 Consul 服务发现
  19. J04-Java IO流总结四 《 FileReader和FileWriter 》
  20. GIT非常见命令使用笔记

热门文章

  1. centos6.x yum 安装 mysql5.6 mysql5.7
  2. 第44章 MPU6050传感器—姿态检测—零死角玩转STM32-F429系列
  3. C编程经验总结5(剧终)
  4. HJ浇花
  5. 网络基础-交换机、路由器、OSI7层模型
  6. java.lang.UnsupportedOperationException 原因以及解决方案
  7. scrapy--selenium(二)
  8. 霍夫直线检测 opencv
  9. POJ:3292-Semi-prime H-numbers(艾氏筛选法拓展)
  10. 財務会計関連(FI&CO)