javascript - Vue ne peut-il pas avoir le suffixe .vue? Je souhaite l'introduire dans d'anciens projets, que dois-je faire?

Question

Vue ne peut-elle pas avoir le suffixe .vue ? Je souhaite l'introduire dans un ancien projet. Que dois-je faire ?

大家讲道理 · Answer

Les anciens projets importent directement les fichiers vue.js

为情所困 · Answer

Vous pouvez essayer le HTML. Mais cela n'est pas conforme à la syntaxe de vue, cela signalera une erreur

为情所困 · Answer

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é.

淡淡烟草味 · Answer

Déployez l'ancien projet sur v-cli, puis référencez le composant .vue, puis emballez-le avec webpack

阿神 · Answer

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



  
    
    vue-demo
    
  
  
    
      {{ message }}