Tips
1.命名规范:
一是不使用非法的标签字符;二是不与 HTML 元素(区分大小写)或 SVG 元素(不区分大小写)重名;三是不使用 Vue 保留的 slot 和 component(区分大小写)。
2.这种情况一般是引入的相关组件路径错误
ERROR Failed to compile with 1 errors
This relative module was not found:
3.每一个需要在页面上使用的内容需要在components中注册
4.如何去除url中的#号,参考:
知乎
VueRouter路由配置
5.如何在组件属性中拼接字符串
sf论坛
6.报错信息
- tag <div> has no matching end tag.
页面中有元素没匹配上
7.如何监听window.scroll事件
mounted(){
window.addEventListener('scroll',() => {
var scrollTop = document.body.scrollTop;
scrollTop > 3000 ? this.isShowTabs = true : this.isShowTabs = false;
scrollTop > 100 ? this.isShowLinks = true : this.isShowLinks = false;
scrollTop > 1000 ? this.isShowGoTop = true : this.isShowGoTop = false;
});
},
8.vue-router中设置HistoryMode时
vue-router设置mode=history时
会出现以下情况:
url为: https://yourwebsit/index.html?Id
对应的页面一片空白,对应的app里的组件未生成.