vue 编程式js跳转路由

             1 <template>
 2     <!-- 所有的内容要被根节点包含起来 -->
 3     <div id="home">    
 4       我是首页组件
 5 6 7         <button @click="goNews()">通过js跳转到新闻页面</button>
 8 9     </div>
10 </template>
111213 <script>
14     export default{
15        data(){
16return {               
17                msg:‘我是一个home组件‘
1819            }
20        },
21        methods:{
2223            goNews(){
242526// 注意：官方文档写错了272829//第一种跳转方式3031// this.$router.push({ path: ‘news‘ })323334// this.$router.push({ path: ‘/content/495‘ });3536373839404142//另一种跳转方式4344//   { path: ‘/news‘, component: News,name:‘news‘ },454647// router.push({ name: ‘news‘, params: { userId: 123 }})484950this.$router.push({ name: ‘news‘})
5152535455            }
56        }
57    }
5859 </script>
6061 <style lang="scss" scoped>
6263 </style>