vue 实例化定义路由

Posted web前端

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 实例化定义路由相关的知识,希望对你有一定的参考价值。

const Home = Vue.extend({
    template: ‘‘,
    data: function() {
      return {}
     },
     mounted () {
     } 
})

Vue.extend返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue的实例构造器,它常常服务于Vue.component用来生成组件,可以简单理解为当在模板中遇到该组件作为标签的自定义元素时,会自动调用“扩展实例构造器”来生产组件实例,并挂在到自定义元素上

const routes = [
    {path:‘/‘,component:Home},
    {path:‘/turntable‘,component:Turntable}
  ];

  const router = new VueRouter({
    routes
  })

 

定义路由

new Vue({
    el:"#app",
    router
})

实例化

以上是关于vue 实例化定义路由的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

vue 实例化定义路由模板

VSCode创建自定义代码段自动新建Vue实例

VSCode创建自定义代码段自动新建Vue实例

创建片段而不从 java 代码实例化它