首页 > 其他 > 详细

vue组件,路由及组件跳转,

时间:2019-12-05 23:23:36      阅读:250      评论:0      收藏:0      [点我收藏+]
-组件的使用 
<!-- 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>
-->

vue组件,路由及组件跳转,

原文:https://www.cnblogs.com/wangdongwei/p/11992419.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!