el和template区别
App.vue的演化
然后将 const app={} 这一坨代码抽离成app.js, 就得到了很简单的main.js
然后进行分离的写法, template放一起, 就得到了常见的.vue文件:
然后main.js就变成了这样
报错
会报错, 因为webpack识别不了.vue文件, 所以要使用loader
还是会报错 :
原因是14版本之后的vue-loader就要配置一个plugin, 这里视频搞的简单办法, 就是修改package.json, 把版本改低了, 然后npm install
然后就可以了 !
省略引入时的.vue配置
配置别名
见我的项目: https://github.com/pbw-langwang/VueDirectorySpecification-mall
这里router/store不用配置别名是因为在main.js里面就注册了: