vue零碎收集
2024-10-20 13:41:54
在组件中创建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()就可以啦
最新文章
- Arcgis与CityEngine安装破解
- PHP之图片上传类(加了缩略图)
- 给libpcap增加一个新的捕包方法
- 【Java每日一题】20161013
- js_css_dl.dt实现列表展开、折叠效果
- android sdk 更新那些文件
- 数据库SQL优化大总结之 百万级数据库优化方案(转)
- Android之单选框
- 微调Win8.1这台电脑
- C#基础回顾:正则表达式
- AngularJS - 基本功能介绍
- Java compiler level does not match the version of the installed Java project facet.解决办法
- IOS 第三方库之-MBProgressHUD的使用详解
- C# 第十版
- EOS使用
- 配对堆优化Dijkstra算法小记
- VS2010自行编译OpenCV2.4.4时缺少python27_d.lib的解决方法
- .NetCore Cap 注册 Consul 服务发现
- J04-Java IO流总结四 《 FileReader和FileWriter 》
- GIT非常见命令使用笔记
热门文章
- centos6.x yum 安装 mysql5.6 mysql5.7
- 第44章 	MPU6050传感器—姿态检测—零死角玩转STM32-F429系列
- C编程经验总结5(剧终)
- HJ浇花
- 网络基础-交换机、路由器、OSI7层模型
- java.lang.UnsupportedOperationException 原因以及解决方案
- scrapy--selenium(二)
- 霍夫直线检测 opencv
- POJ:3292-Semi-prime H-numbers(艾氏筛选法拓展)
- 財務会計関連(FI&;CO)