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

一、 路由
Vue.js 路由允许我们通过不同的 URL 访问不同的内容。
通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。
Vue.js 路由需要载入 vue-router 库

下载：
用git 直接下载

    npm install vue
   npm install vue-router

简单例子：
HTML：

        


          首页
          详情页

          
     

js 部分：

效果图：

二、 路由的嵌套

  HTML：

  

       首页
       用户页
        
     
 

js 部分：

         

效果图：

四、vue中的axios

vue中的ajax 插件
下载axios:
npm install axios

  安装http-server
 npm install http-server -g   

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

例子：
html：

      
   

         首页
        详情页
        
       
   

js部分：

       

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
}
]

链接网址：
http://192.168.1.108:8080
http://127.0.0.1:8080

效果图：