vue.js - Vue 2.0 的路由如何从一个单文件组件启动？

问题描述

问 题

1.0版本不用new Vue，一直都是像下面这样启动

import app from 'app.vue';
router.start(app, '#app');

2.0官方给的例子全是模版写在template里的， 我尝试用components: { app }也没成功

new Vue({
  router,
  template: `
    <div id="app">
      <h1>Basic</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/foo">/foo</router-link></li>
        <li><router-link to="/bar">/bar</router-link></li>
      </ul>
      <router-view class="view"></router-view>
    </div>
  `
}).$mount('#app')

请问有没有方法从一个单文件组件启动？？

解决方案

import Vue from 'vue';
import App from './app.vue';
import router from './router';

var app = new Vue({
    el: '#app',
    router,
    render: h => h(App)
});

这篇关于vue.js - Vue 2.0 的路由如何从一个单文件组件启动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！