[第三课] 实战饿了么app—vue2.0

打开,main.js,确保你已经安装了路由,

[第三课] 实战饿了么app—vue2.0_第1张图片

导入路由,进行配置,目前的需要是点击商品,或者评论、商家在我的内容中变化。

[第三课] 实战饿了么app—vue2.0_第2张图片

打开App.vue,

[第三课] 实战饿了么app—vue2.0_第3张图片

打开main.js,完善路由

[第三课] 实战饿了么app—vue2.0_第4张图片

如果解决引入从components目录去找

打开:build/webapck.base.conf.js

[第三课] 实战饿了么app—vue2.0_第5张图片
webpack配置的技巧,起别名

这时候就可以修改import路径了,修改好重启一下项目,即可成效了:

做完调通之后,可以把router提到一个文件夹里去管理:

第一步:在src建立你的目录

[第三课] 实战饿了么app—vue2.0_第6张图片

第二步:打开router下的index.js

[第三课] 实战饿了么app—vue2.0_第7张图片

第三步:在main.js中删除多余代码


[第三课] 实战饿了么app—vue2.0_第8张图片

你可能感兴趣的:([第三课] 实战饿了么app—vue2.0)