上一篇中使用vue-cli脚手架创建了项目,并添加了开发需要的一些css,js等资源文件,接下来就是页面开发了。
home
1.在src/pages 文件夹下创建home.vue文件;
2.配置路由:在src/route文件夹下的index.js文件中配值路由;

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

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

上一篇中使用vue-cli脚手架创建了项目,并添加了开发需要的一些css,js等资源文件,接下来就是页面开发了。
1.在src/pages 文件夹下创建home.vue文件;
2.配置路由:在src/route文件夹下的index.js文件中配值路由;
3.在根目录下index.html添加路由出口:
4.在src目录下main.js文件中配值首页喧染及引用mui库
本文标题:vue+mui项目开发(一)
本文链接:https://www.haomeiwen.com/subject/nmokbftx.html
网友评论