vue+mui项目开发(一)

        上一篇中使用vue-cli脚手架创建了项目,并添加了开发需要的一些css,js等资源文件,接下来就是页面开发了。

home

1.在src/pages 文件夹下创建home.vue文件;

2.配置路由:在src/route文件夹下的index.js文件中配值路由;


vue+mui项目开发(一)_第1张图片

3.在根目录下index.html添加路由出口:


4.在src目录下main.js文件中配值首页喧染及引用mui库


vue+mui项目开发(一)_第2张图片

你可能感兴趣的:(vue+mui项目开发(一))