鍍金池/ 問答/HTML5  HTML/ 簡單的引入vuejs和vue-routerjs引入后router該怎么用呢？

簡單的引入vuejs和vue-routerjs引入后router該怎么用呢？

clipboard.png

如圖，目錄結(jié)構(gòu)是一般都是.html文件，路由跳轉(zhuǎn)該如何配置呢？現(xiàn)在項目是用es5寫的，各位前輩給個意見或者demo唄，感激不盡^_^

類似這種情況，用Jq或者其他方式該怎么實現(xiàn)呢？
const router = new VueRouter({
  mode: 'history',
  base: __dirname,
  routes: [
    { path: '/', component: Home },
    { path: '/foo', component: Foo },
    { path: '/bar', component: Bar }
  ]
})
回答
編輯回答
瘋浪

vue-router 是針對單頁應(yīng)用的
你這都是html直接 a 標(biāo)簽跳轉(zhuǎn) 或者 window.location.href跳轉(zhuǎn)就行了

2017年7月1日 20:04
編輯回答
法克魷

如果不是vue cli項目的話

只引入vue.js單文件

不建議使用vue router 進(jìn)行路由跳轉(zhuǎn)

你可以看到官方文檔里面那些功能

// 0. 如果使用模塊化機(jī)制編程，導(dǎo)入Vue和VueRouter，要調(diào)用 Vue.use(VueRouter)

// 1. 定義 (路由) 組件。
// 可以從其他文件 import 進(jìn)來
const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }

// 2. 定義路由
// 每個路由應(yīng)該映射一個組件。 其中"component" 可以是
// 通過 Vue.extend() 創(chuàng)建的組件構(gòu)造器，
// 或者，只是一個組件配置對象。
// 我們晚點再討論嵌套路由。
const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]

注意Foo Bar

2018年8月21日 01:09