vue.js 有木有多页面应用的方案
展开全部
你可以手动监听 hashchange 并利用一个动态的 v-component 实现一些基本的路由逻辑。
Example:
<div id="app">
<div v-component="{{currentView}}"></div>
</div>
Vue.component('home', { /* ... */ })
Vue.component('page1', { /* ... */ })
var app = new Vue({
el: '#app',
data: {
currentView: 'home'
}
})
// Switching pages in your route handler:
app.currentView = 'page1'
利用这种机制很容易接入独立的路由库
Example:
<div id="app">
<div v-component="{{currentView}}"></div>
</div>
Vue.component('home', { /* ... */ })
Vue.component('page1', { /* ... */ })
var app = new Vue({
el: '#app',
data: {
currentView: 'home'
}
})
// Switching pages in your route handler:
app.currentView = 'page1'
利用这种机制很容易接入独立的路由库
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询