在學習vue-router簡單的例子的時候，發現組件內的data數據無法顯示在頁面中，也沒有報錯，請問這是什么原因呢？這是html文件<body> <div id="app"> <h1>簡單的vue-router例子</h1> <p> <router-link to='/home'>首頁</router-link> <router-link to='/pageone'>page1</router-link> </p> <router-view></router-view> </div></body>這是js文件import Vue from 'vue'import VueRouter from 'vue-router'import Home from './vue/home.vue'import Pageone from './vue/pageone.vue'Vue.use(VueRouter);const routes=[ {path:'/home',component:Home}, {path:'/pageone',component:Pageone}];const router=new VueRouter({routes})const app=new Vue({ router}).$mount('#app')兩個vue文件分別是home.vue<template><div>{{ msg }}</div></template>export default { data () { return { msg: '這是home' } }}pageone.vue<template><div>pageone</div></template>export default{ name:'pageone', data(){ return { mag:'這是pageone' } }}瀏覽器中沒有報錯，但是顯示為點擊首頁點擊page1所以無法顯示home.vue中的data數據，請問是因為什么問題呢？
vue-router 中組件內無法獲取data值
江戶川亂折騰
2019-03-20 14:15:44