码迷,mamicode.com
首页 > 其他好文 > 详细

vue 实例化定义路由

时间:2018-01-29 16:17:52      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:返回   ons   bsp   生成   temp   turn   mount   body   out   

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 实例化定义路由

标签:返回   ons   bsp   生成   temp   turn   mount   body   out   

原文地址:https://www.cnblogs.com/kelly07/p/8376237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!