Vue ne peut-elle pas avoir le suffixe .vue ? Je souhaite l'introduire dans un ancien projet, que dois-je faire ?
5
0
0
業(yè)精于勤，荒于嬉;行成于思，毀于隨。
Les anciens projets importent directement les fichiers vue.js
<script src="https://unpkg.com/vue/dist/vue.js"></script>
Vous pouvez essayer le HTML. Mais cela n'est pas conforme à la syntaxe de vue, cela signalera une erreur
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é.
Déployez l'ancien projet sur v-cli, puis référencez le composant .vue, puis emballez-le avec webpack
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 grace à 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 文件通過(guò) vue-loader 解析，你可以指定任何類(lèi)型的文件。
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>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
