开发基于laravel5.3.

vue-router设置。

app.js中,引入vue组件。

有 (1) Vue.component("example", require("./components/Example.vue"));和  (2)import example from "./components/Example.vue";两种方式。

一般引入<div id="app"> <example></example></div>时需要1方式 ,如果是路由方式,就用(2)方式。 可能是AMD和CMD的区别吧?但是不太清楚根本原因。

app.js中继续设置路由 const routes=[

  {

    path:'/a',

    component:'example',

    children:[

      {},{},{}

    ]

  }

]

再实例化router  const router = new VueRouter({routes:routes})

再加载路由 const app =  new Vue({router}).$mount("#app")

posted on 2018-03-29 14:44  山无棱江水为竭  阅读(241)  评论(0)    收藏  举报