<div id="app"> <router-view></router-view> </div> <template id="a"> <div @click="link">hello</div> </template> <template id="b"> <div>world</div> </template>
const Home = Vue.extend({ template: "#a", data: function() { return {} }, methods: { link: function () { this.$router.push(‘/b‘) } } }) const B = Vue.extend({ template: "#b" }) // 路由 const routes = [ {path:‘/‘,component:Home}, {path:‘/b‘,component:B} ]; const router = new VueRouter({ routes }) new Vue({ el:"#app", router })
原文地址:https://www.cnblogs.com/kelly07/p/8430643.html
时间: 2024-11-04 02:53:40