分享Vue的一些小技巧
这篇文章主要介绍"分享Vue的一些小技巧",在日常操作中,相信很多人在分享Vue的一些小技巧问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"分享Vue的一些小技巧"的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
组件style的scoped
Vue 数组/对象更新 视图不更新
vue filters 过滤器的使用
列表渲染相关
深度watch与watch立即触发回调
这些情况下不要使用箭头函数
路由懒加载写法
路由的项目启动页和404页面
Vue调试神器:vue-devtools
组件style的scoped:
问题:在组件中用js动态创建的dom,添加样式不生效。
场景:
let a=document.querySelector('.test');
let newDom=document.createElement("div"); // 创建dom
newDom.setAttribute("class","testAdd" ); // 添加样式
a.appendChild(newDom); // 插入dom
.test{
background:blue;
height:100px;
width:100px;
}
.testAdd{
background:red;
height:100px;
width:100px;
}
结果:
// test生效 testAdd 不生效
.test[data-v-1b971ada]{ // 注意data-v-1b971ada
background:blue;
height:100px;
width:100px;
}
原因:
当