【Vue3.0】开发遇到的坑....

1. ESLint

每行两个空格；

最后一行要一次回车；

2. 路由懒加载

当打包构建应用时，Javascript 包会变得非常大，影响页面加载。
如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了

which is lazy-loaded when the route is visited.

     component : ()  =>

        import ( /* webpackChunkName: "about" */   "../views/About.vue" )

 

3.  数据绑定

 <li
   :class="{ current: isActive, selectLi: isActive }"
   v-for="item in menutab"
   :key="item.id"
   >
     {{ item.txt }}
 </li>

在样式绑定:class="{ current: isActive, selectLi: isActive }"时， 其中样式不能加引号。

 

 

来源：oschina

链接：https://my.oschina.net/90design/blog/3216560