从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍“分享Vue的一些小技巧”,在日常操作中,相信很多人在分享Vue的一些小技巧问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”分享Vue的一些小技巧”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
创新互联-专业网站定制、快速模板网站建设、高性价比青铜峡网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式青铜峡网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖青铜峡地区。费用合理售后完善,10余年实体公司更值得信赖。组件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;
}
原因:
当