vue 第八章

2018-09-27  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读