- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
Vue ne peut-elle pas avoir le suffixe .vue ? Je souhaite l'introduire dans un ancien projet, que dois-je faire ?
大家讲道理2017-05-19 10:37:12
Les anciens projets importent directement les fichiers vue.js
<script src="https://unpkg.com/vue/dist/vue.js"></script>
为情所困2017-05-19 10:37:12
Vous pouvez essayer le HTML. Mais cela n'est pas conforme à la syntaxe de vue, cela signalera une erreur
为情所困2017-05-19 10:37:12
Le format
.vue n'est pas le fichier qui est finalement introduit dans la page. Après avoir été empaqueté par webpack, un fichier js normal sera généré.
淡淡烟草味2017-05-19 10:37:12
Déployez l'ancien projet sur v-cli, puis référencez le composant .vue, puis emballez-le avec webpack
阿神2017-05-19 10:37:12
La première question concerne le suffixe.
Le suffixe n'a rien à voir avec VUE, c'est juste un fichier texte spécial, même si vous utilisez .abc.
Tout cela grâce à webpack. Dans la configuration des chargeurs de webpack, vous pouvez attribuer un ou plusieurs chargeurs au fichier spécifié. Vous pouvez également considérer ces chargeurs comme des outils de précompilation.
module: {
rules: [{
test: /\.vue$/, // 这里指定 .vue 文件通过 vue-loader 解析，你可以指定任何类型的文件。
loader: 'vue-loader',
options: vueLoaderConfig
}]
}Deuxième question, le projet vue small est similaire à l'utilisation de bibliothèques tierces
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue-demo</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<p id="app">
{{ message }}
</p>
</body>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</html>