zoukankan      html  css  js  c++  java
  • Vue生态圈之----vue-router----基础实例

    main.js

      在vue项目的入口文件 main.js 中,引入router模块,并将其挂载到vue实例上

    router/index.js

      router模块,在模块中引入 vue-router 插件,并且使用 Vue.use 方法安装vue-router插件;

    Vue.use( plugin )
    安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。
    该方法需要在调用 new Vue() 之前被调用。
    当 install 方法被同一个插件多次调用,插件将只会被安装一次。

      创建vue-router实例并传递对象参数,该参数是一个已经配置好路由信息的对象;

      最后导出该路由模块。

    App.vue

     在vue页面中,使用<router-link>组件导航,属性 to 表示目标路由的链接,当被点击后,内部会立刻把 to 的值传到 router.push(),所以这个值可以是一个字符串或者是描述目标位置的对象。

    <router-view>组件是一个 functional 组件,渲染路径匹配到的视图组件。<router-view> 渲染的组件还可以内嵌自己的<router-view>,根据嵌套路径,渲染嵌套组件。

  • 相关阅读:
    数据流图和数据流程图的定义与组成元素
    敏捷开发3种角色
    WBS
    开发流程
    结对编程
    笔记
    登录注册界面维护2----注册界面进行Toast提示
    登录注册界面修改错误
    听说
    “学习链接篇”
  • 原文地址:https://www.cnblogs.com/adhehe/p/13360806.html
Copyright © 2011-2022 走看看