前言
用Vue开发一个网页并不难，但是也经常会遇到一些问题，其实大部分的问题都在文档中有所提及，再不然我们通过谷歌也能成功搜索到问题的答案，为了帮助小伙伴们提前踩坑，在遇到问题的时候，心里大概有个谱知道该如何去解决问题。这篇文章是将自己知道的一些小技巧，结合查阅资料整理成的一篇文章，如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。

十载的新洲网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整新洲建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“新洲网站设计”,“新洲网站推广”以来，每个客户项目都认真落实执行。

前端进阶积累、公众号、GitHub

文章内容总结:
组件style的scoped
Vue 数组/对象更新 视图不更新
vue filters 过滤器的使用
列表渲染相关
深度watch与watch立即触发回调
这些情况下不要使用箭头函数
路由懒加载写法
路由的项目启动页和404页面
Vue调试神器:vue-devtools
组件style的scoped:
问题：在组件中用js动态创建的dom，添加样式不生效。

场景:

复制代码
结果：

// test生效 testAdd 不生效

.test[data-v-1b971ada]{ // 注意data-v-1b971ada
background:blue;
height:100px;
width:100px;
}
复制代码
原因:

当