美文网首页
vue 第八章

vue 第八章

作者: 天色见晚 | 来源:发表于2018-09-27 10:36 被阅读0次

路由
1.路由下载用git
npm install vue
npm install vue-router

2.路由嵌套
嵌套路由就是路由里面嵌套他的子路由
子路由关键属性children
每一个子路由里面可以嵌套多个组件
子组件又有路由导航和路由容器

3.路由传参
使用 <router-link :to="{name:'edithospital',params:{hid:101}}">编辑</router-link>

1.在路由配置中添加

{
name:'edithospital', \路由的名字
path: '/edithospital/:hid', \路由中添加要传递的参数:hid
component: resolve => require(['../components/page/hospital/EditHospital.vue'], resolve)
}

  1. A页面

    <router-link :to="{name:'edithospital',params:{hid:101}}">编辑</router-link> \101是变量,可根据实际情况改变

    \name是路由的名字,params是传递的参数

  2. B页面 <template><template>中添加

    {{$route.params.hid}} // 101

4.vue中使用axios
1.安装axios
npm:$ npm install axios

相关文章

  • vue 第八章

    路由1.路由下载用gitnpm install vuenpm install vue-router 2.路由嵌套嵌...

  • 塔克一生的积蓄

    今天,我读了《 时代广场的蟋蟀 》的第八章。 第八章的题目叫做《 塔克一生的积蓄 》。第八章的意思...

  • 与未来的自己对话——第八章记忆宫殿!

    第八章记忆宫殿! 第八章 记忆宫殿! “如果祖国受到侵犯,热血男儿...

  • 在官网首页如何打开指南的pdf

    vue版本:"vue": "^2.6.14" vue-pdf版本:"vue-pdf": "^4.2.0"、"vue...

  • 【基础】Vue安装

    Vue安装 Vue官网:http://unpkg.com/vue 引入vue Vue数据渲染html {...

  • vue基础知识

    new Vue() 创建 Vue 实例,其中 Vue.components() 也可以创建 Vue 实例。 Vue...

  • Vue学习总结(2019.7.31-8.4)

    Vue学习总结 目录 vue基础知识(1-13)vue 引入,实例化vue 数据 & 方法vue 绑定(:)vue...

  • vue 组件和路由

    === Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component...

  • Vue

    Vue框架 一、Vue基础 添加Vue到网页(无需保存到本地) Vue生命周期 二、Vue 实例 创建Vue实例:...

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

网友评论

      本文标题:vue 第八章

      本文链接:https://www.haomeiwen.com/subject/czosoftx.html