Preface: If you want to skip the red tape, you can go straight to the bottom of the summary:

Website to explain

Click here to enter vue. js official websiteAfter entering [Startup], check the document list for the [installation] item, which can be found as follows:The main distinction between the full version and the runtime version is that the production environment is compressed with code translation.

Full version names usually end with — /vue.js or /vue.min.js

Runtime version (incomplete version) — /vue.runtime.js or /vue.runtime.min.js

The official website provides several different installation methods, generally speaking, you can directly search the Vue through the BooTCDN official website

You can see the corresponding information of different versions. Here, you can refer to 2.6.9, the latest version of 2.x, by clicking the button to copy it to the clipboard and paste it into the projectFor novice users, seeing so many versions is difficult. Which one should I use? What’s the difference?

Using an online editor, CodesandBox, you can create an instance of a VUE by clicking on the icon to add select VUE

In order to see the difference between the two files, we now change the following two files:

Add the full js version to index.html. Another change is to write placeholder {{n}} only inside div.

In mian. Js, all the preset comments are commented out, and the code below is written to implement the page placeholder replacement

In addition, if the index. HTML div removes placeholders, main.js should be modified as such

Only the full version can do this – explanation: The full version supports anything that HTML becomes on a page

————— —————— – Split line – ——————— ——————————

If we replace script references in index.html with incomplete versions, this removes the compiler and is smaller.

Render (h){}; render(h){}; render(h){}; render(h){}; render(h){};

That’s what the documentation says. The incomplete version has no compiler and takes up less space.

Conclusion: