vue實(shí)現(xiàn)路由跳轉(zhuǎn)的原理是什么，是調(diào)用js底層什么方法
2 回答
RISEBY
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超5個(gè)贊
vue.js路由使用方法：vue1.0的方法
1 2 3 4 5 6 7 8 9 10 11 | <html> <a href="#" v-link="{path:'/login'}">登陸</a> <router-view></router-view>//內(nèi)容顯示的 <script> //1、準(zhǔn)備一個(gè)根組件 var App = Vue.extend(); //2、準(zhǔn)備組件 var Login = Vue.extend({ template:{<h3>登陸頁面</h3>} }); //3、準(zhǔn)備路由 |
1 2 3 4 5 6 7 8 9 10 | var router = new vueRouter(); //4、關(guān)聯(lián)組件和路徑 router.map({ 'login':{ component:Login //組件名稱 } }); //5、啟動(dòng)路由 router.start(App,'#box'); //6、默認(rèn)跳轉(zhuǎn)頁面（不是必須） |
1 2 3 | router.redirect({'/':'login'}); </script> </html> |
添加回答
舉報(bào)
0/150
提交
取消