javascript - Can vue not have the .vue suffix? I want to introduce it into old projects, what should I do?

Question

Can vue not have the .vue suffix? I want to introduce it into an old project. What should I do?

大家讲道理 · Answer

Old projects directly import vue.js files

为情所困 · Answer

You can try html. But this does not conform to the syntax of vue, it will report an error

为情所困 · Answer

.vue format is not the file that is ultimately introduced into the page. After being packaged by webpack, a normal js file will be generated. Just introduce this js file.

淡淡烟草味 · Answer

Deploy the old project to v-cli, then reference the .vue component, and then package it with webpack

阿神 · Answer

The first question is about the suffix.
The suffix has nothing to do with VUE. Vue is just a special text file, even if you use .abc.
This is all thanks to webpack. In the loaders configuration of webpack, you can give one or more loaders to the specified file. You can also think of these loaders as precompilation tools.

  module: {
    rules: [{
        test: /\.vue$/, // 这里指定 .vue 文件通过 vue-loader 解析，你可以指定任何类型的文件。
        loader: 'vue-loader',
        options: vueLoaderConfig
      }]
   }

Second question, vue small project is similar to the usage of third-party libraries



  
    
    vue-demo
    
  
  
    
      {{ message }}

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial