美文网首页
vue 注意事项

vue 注意事项

作者: 月光_薛 | 来源:发表于2018-07-17 14:21 被阅读0次

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 ...

相关文章

网友评论

      本文标题:vue 注意事项

      本文链接:https://www.haomeiwen.com/subject/pzdjpftx.html