newslist和newshow跳转之间的参数传递

• 核心技术

1.页面跳转如何通过url拿到参数
路由中配置：{path:'/news/newsshow/:newsid',component:newsshow},
 跳转时加上参数：
获取参数： var newsid  = this.$route.params.newsid;

• 创建newshow组件

• 设定路由规则
  newslist.vue

            

               //将a改成router-link
                
                
                ![](item.img_url)
                    

                        {{item.title}}
                        

                            发表时间：{{item.add_time | datefmt}}
                            点击:{{item.click}}
                        
                    
                
            

• router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import newslist from '@/components/news/newslist'
import newsshow from '@/components/news/newsshow'
Vue.use(Router)
export default new Router({
    linkActiveClass:'mui-active', //将激活的路由添加一个mui-active类名称
routes:[
      // {path:'/login',component:login},
      // {path:'/register',component:register},
      {path:'/Home',component:Home},
      {path:'/news/newslist',component:newslist},
      // 带参数的路由跳转，要加上参数
      {path:'/news/newsshow/:newsid',component:newsshow},
  ]
})