创建项目
使用vue create 项目名创建
第一步

| 选项 | 意义 |
|---|---|
| default (babel, eslint) | 默认配置 |
| Manually select features | 自定义配置 |
假如选择第二个 Manually select features
第二步

按空格选择需要的,回车
第三步

是否使用history模式的router,即url要不要带’#’
第四步

配置放在哪里
第五步

是否保存为预选项,即可以在第一步中直接选择完事.
路由引入组件
在router下的index.js中配置
vue cli 2的方式
// 引入Home组件
import Home from '../views/Home.vue'
const routes = [
{
path: '/',
name: 'Home',
component: Home
}
]
使用ES6用法
const routes = [
{
path: '/about',
name: 'About',
// import中写组件的路径
component: () => import( '../views/About.vue')
}
]