vue-路由

1、停止服务ctrl+c

 

 

 2、命令npm install vue-router 安装路由

 

 

 

 安装完成

 3、还是npm run serve

4、在component文件下创建新得Test.vue页面，写入基本得vue文件框架

export default {

  name: "App",

  data() {

    return {

      // myname: "hello world",

    };

  },

  methods: {

  },

  components: {

    // HelloWorld

  },

};

 

注意页面出现得内容需要写在template>div>下

5、main.js文件加入

定义组件、use、new实例、加入router

import VueRouter from 'vue-router'

import Test from "./components/Test"

 

Vue.use(VueRouter)

 

const router = new VueRouter({

  routes

})

 

new Vue({

  render: h => h(App),

  router

}).$mount('#app')

 

6、主文件app.vue需要加入以下标签，才能成功引入路由

    <router-view></router-view>