vue-router路由配置
轉自http://www.cnblogs.com/padding1015/
兩種配置方法:在main.js中 || 在src/router資料夾下的index.js中
src/router/index.js中
1 引入
import
Vue from
'vue'
import
Router from
'vue-router'
使用/註冊:
1 |
Vue.use(Router)
|
3. 配置
配置路由:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
export
default
new
Router({
routes: [
{
path : ‘/’, //到時候位址列會顯示的路徑
name : ‘Home’,
component : Home
// Home是元件的名字,這個路由對應跳轉到的元件。。注意component沒有加“s”.
},
{
path : ‘/content’,
name : ‘Content’,
component : Content
}
],
mode:
"history"
})
|
4. 引入路由對應的元件地址:
1 2 3 |
import
Home from
'@/components/Home'
import
Home from '@/components/Content’
|
5. 在main.js中呼叫index.js的配置: