嵌套路由的使用

一、嵌套路由的使用复习

什么情况才会用到嵌套路由？答：当一个网站有功能的导航的时候，我们可以使用嵌套路由来实现。

1、创建项目

vue create vue-demo

清除脚手架项目中的默认欢迎界面内容等

• 1、App.vue中的内容删除了，剩下主要的三个默认内容（template, style，script）

• 2、删除router/index.js中的routes这个数组中的配置

• 3、删除components里面所有文件

• 4、删除views里面的所有文件

• 5、关闭eslint, 在vue.config.js中添加如下代码

  • module.exports = {
      lintOnSave: false // 关闭eslint
    }
    

二、elementUI的使用

• 1、elementUI是pc端的vue框架，提供了很多封装好的组件

• 2、官网地址：element.eleme.cn/#/zh-CN

• 3、使用步骤

  • 3-1、下载

  • npm i element-ui --registry=https://registry.npm.taobao.org
    

  • 3-2、全局引入住(在main.js中添加如下代码即可)

  • // elementUI的完整引入使用
    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    Vue.use(ElementUI)
    

  • 3-3、最后可以在vue文件可以使用elementUI中的任意组件

三、scss的使用

SCSS 是 Sass 3 引入新的语法