vue 2ページジャンプ
1396 ワード
Login Home, index.js :
import Vue from 'vue'
import Router from 'vue-router'
// import HelloWorld from '@/components/HelloWorld'
import Login from '@/components/views/login/Login.vue'
import Home from '@/components/views/home.vue'
// ,
// const Login = resolve => require(['@/components/views/login/Login'], resolve)
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: ' ',
component: Login
},
{
path: '/Home',
name: ' ',
component: Home
}
]
})
今、LoginでボタンをクリックしてHomeにジャンプし、HomeでボタンをクリックしてもLoginに戻ることができます.
Loginページ:
{msg}}点我跳转
<br> export default{<br>name:'HelloWorld',<br>data(){<br>return{<br>msg:'ハハ'<br> }<br> },<br> methods:{<br> go(){<br> this.$router.push('/aaa')<br> }<br> }<br> }<br> ホームページ:
私はaaa点です<br> export default{<br>name:'aaa',<br>/*data(){<br>return{<br>msg:'ハハ'<br> }<br> },*/<br> methods:{<br> back(){<br> this.$router.push('/')<br> }<br> }<br> }<br>