Vue2.0踩坑

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里的组件未生成.

app中组件未生成