VUE项目步骤

这个项目步骤前提是已经搭建好基础框架。具体搭建基础框架能够找官方文档或百度.html

1.在src文件夹下新建一个建立页面的文件夹vue

2.在src中建立一个router文件夹(路由)及router.js(路由文件)vue-router

具体配置为:npm

import Vue from 'vue'
import Router from 'vue-router'
import Index from '../view/index'


Vue.use(Router)

export default new Router({
routes: [
{
path: '/index',
name: 'index',
component: Index
}
]
})
写好了后,就须要在终端安装router.
命令为:cnpm i vue-router -s
3.建立好了路由文件夹不能忘记要在main.js 里引入这个路由

4.最重要的一点要让页面显示的话就须要在APP.vue里引用<router-view>实例框架

 

 

转载于:https://www.cnblogs.com/Glant/p/10550631.htmlpost