Vue+element-UI

目录

一，如何使用vue-cli搭建SPA项目

什么是Vue-cli

安装vue-cli

二，如何在spa项目中使用路由

三，嵌套路由的使用

---

一，如何使用vue-cli搭建SPA项目

什么是Vue-cli

   vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：       

   vue init webpack  项目名

        注：必须先安装vue,vue-cli，webpack，node等一些必要的环境

安装vue-cli

步骤一：npm install -g vue-cli

npm install webpack -g

注1：安装成功后，会出现如下文件

             D:\initPath

             node-v10.15.3-win-x64

               node_global

                 vue

                 vue.cmd

                 vue-init

                 vue-init.cmd

                 vue-list

                 vue-list.cmd

安装完成之后打开命令窗口并输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。

使用脚手架Vue-cli来构建项目

 参考图如下