Vue路由请求数据实现新闻列表及详情页的渲染

请求数据的接口：
新闻列表接口：http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1

新闻详情接口：http://www.phonegap100.com/appapi.php?a=getPortalArticle&aid=488

main.js中

/*定义路由 */
const routes = [
                { path: '/', component: Home },
                { path: '/Home', component: Home },
                { path: '/News', component: News },
                { path: '/Product', component: Product },//get传值
                { path: '/Content/:aid', component: Content }//动态路由
               
              ]

App.vue

新闻列表页：

//News.vue页面

新闻详情页面：

//Content.vue

最后的效果：