vue+mui项目开发（一）

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

home

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

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


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


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


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 【Hybrid开发高级系列】WebPack模块化专题
    1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,790评论 0赞 16
  • Vue笔记
    ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,009评论 1赞 4
  • Vue项目组织规范
    目录 一、项目结构的核心思想 二、项目目录结构 三、资源路径编译规则 四、index.html 五、build目录...
    科研者阅读 11,481评论 0赞 40
  • Mui-Vue-Pug-Sass-Starter
    本文做为个人近几个月接触 Mui 的总结，主要通过 Vue 来模块化开发 NodeJs & cnpm 此部分跳过，...
    七两半阅读 1,377评论 0赞 4
  • 26日的时间花费
    5:15 醒来，感觉有点累，昨晚并未做什么可怕的梦，只是日常的梦。再眯着眼睛休息一会儿吧。 【51分钟】 6:06...
    折草阅读 137评论 2赞 0