Comment compiler le composant de fichier unique Vuejs?

Question

J'utilise Vuejs 2 (webpack-simple template) et je voudrais savoir comment je peux compiler un template avant de le rendre. Ci-dessous mon code:

App.vue

<template> 
    <div id="app"> 
     <h1>{{ msg }}</h1> 
    </div> 
</template> 
<script> 
    export default { 
     name: 'app' 
    } 
</script> 

main.js

import Vue from 'vue' 
import App from './App.vue' 

const res = Vue.compile(App) 
const vm = new Vue({ 
    el: '#app', 
    data: { 
     msg: 'hello' 
    }, 
    render: res.render, 
    staticRenderFns: res.staticRenderFns 
}) 

Et c'est l'erreur que j'ai quand je commence le serveur: __WEBPACK_IMPORTED_MODULE_0_vue___default.a.compile is not a function

J'ai aussi essayé ce plugin vue-template-compiler sans aucune chance. Pouvez-vous s'il vous plaît m'aider à le faire fonctionner? Merci d'avance.

Answer 1

Vous aurez besoin de ce paramètre dans la configuration de webpack:

resolve: { 
    alias: { 
    'vue$': 'vue/dist/vue' 
    } 
} 

malgré ce problème: http://vuejs.org/guide/installation.html#Standalone-vs-Runtime-only-Build