路由 路由的传参 路由的嵌套 axios

路由：vue-router 带三方工具库

创建单页面应用  spa (single page application)

通过不同的URL访问不同的页面

下载：

npm install vue

npm install vue-router

1.制作一个简单的路由

首页

详情页

---

注释：点击之后可跳转，并出现自己所设置的样式

2.路由的传参:

查询字符串：

/user/regist?uname=jack&&upwd=123

接收：{{

route.params}}

首页

详情页

---

3.axios

vue中的ajax    插件

下载axios:

npm install axios

1.0  vue-resource

2.0 axios

安装http-server

npm install http-server -g

使用http-server 开启一个服务器

---

Document

   

   

   

 

首页

  详情页

、

json:

[

    {

    "num":1,

    "pname":"apple",

    "price":3,

    "count":4,

    "sub":12

    },

{

    "num":2,

    "pname":"pear",

    "price":4,

    "count":5,

    "sub":20

},

{

    "num":3,

    "pname":"orange",

    "price":5,

    "count":6,

    "sub":30

}

]