vue组件,路由及组件跳转,
-组件的使用
<!-- 1、父组件中引入组件 import Home from "./components/Home";
2、注册组件 components:{'v-home':Home,},
3、使用组件 <v-home></v-home>
-->
-路由及组件跳转
<!--
1、安装并保存
npm install vue-router --save
2、在main.js里引入并使用
import VueRouter from 'vue-router'
Vue.use(VueRouter)
3、在main.js里路由配置
1.创建组件 引入组件
import Router from "./components/06Router";
2.定义路由
const routes = [
{path:'/router',component:Router},
{path:'/bar',component:Bar}
]
3.实例化VueRouter
const router=new VueRouter({
routes //缩写(routes:routes)
})
4.挂载
new Vue({
el:'#app',
router,
render:h => h(App)
})
5.在App.vue里使用(路由匹配到的组件将显示在这里)
<router-view></router-view>
-->