vue 注意事项

1.修改webpack配置项以后，一定要重启服务器
2.css样式想在 scroped模式下修改本组件外面的样式，需要加 >>> ，进行穿透
3.路由跳转：<router-link to="/home "></router-link> (如果不加 tag="li"，router就会渲染成a，加了就会变成li)
4.ref 获取dom this.$refs.名称
5.获取点击元素的值：e.target.innerText

--save是指项目的依赖（上线后也需要），如vue等
--save-dev 是指项目开发时需要（上线后不要需要）===开发依赖，如webpack
7.创建全局事件以后，一定要记得在最后移除事件
activated:{
window.addEventListener('scroll',callback)
},
deactivated:{
window.removeEventListener('scroll',callback)
},
8.vue组件name的作用：
（1）递归自调用时使用
（2）<keep-alive></keep-alive>取消缓存的时候使用
（3）控制台调试时使用
9.页面滚动条的位置 你可以提供一个 scrollBehavior 方法：
const router = new VueRouter({
routes: [...],
scrollBehavior (to, from, savedPosition) {
// return 期望滚动到哪个的位置
}
})
（https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html#%E5%BC%82%E6%AD%A5%E6%BB%9A%E5%8A%A8）
9.有部分低版本安卓手机会出现白屏情况，原因：
（1）不支持 Promise
解决：安装依赖 babel-polyfill ,然后在入口文件引入 import ‘babel-polyfill’ from ‘babel-polyfill’ 就会解决不支持 Promise的情况
（2）不是代码产生的原因
解决：把代码放到测试服或者正式服就没问题了
10.webpack-dev-server启动的vue项目，默认不支持ip地址打开，所以需要修改package.json里面的scripts下的dev
webpack-dev-server --inline --progress ...
改为webpack-dev-server --host 0.0.0.0 --inline --progress ...