vue简易项目流程思路简述

																									\(^o^)/~

1、首先得创建一个vue项目
cnpm install @vue/cli -g
安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
vue create myapp 或 vue ui
或者直接找一个打包好的项目解压即可

2、创建基本结构（抽离页面组件和底部组件）
共同组件例如Footer抽离至comonents中，在views中那个需要在现实的地方加上视图组件即可
在App.vue中删掉页面组件和注册的方法

3、完成基本路由跳转（vue-router）
@vue/cli脚手架在创建项目时，选择了vue-router，所以无需再次安装，但是如果你没有选择，可以使用 cnpm i vue-router -S 安装
在router.js中引入页面并配置路由
eg: import Home from ‘./views/Home.vue’
router: [
{
path: ‘/’,
name: ‘home’,
components: {
default: () => import(’@/views/home/index.vue’),
footer: Footer
}
}
]

4、在App.vue中删掉原先页面头部和底部的区域代码
使用以下代码来代替

5、多注册几个路由，在浏览器地址栏输入地址查看效果(localhost:8080/home或者其他kind等等)

6、将组件 (components) 映射到路由 (routes)，然后告诉 V