Vue has two versions: a full version and an incomplete version if you want to use the browser

Use CDN or no build tool

Open the Vue project with WebStorm and use CDN to import it. There will be a prompt, don’t worry, this is webstorm’s prompt, to eliminate it, click Download Library





New Vue also has a tip, so don’t worry about it



You can see that the vUE is still requested from the CDN



These tips are misleading

2. X version

  • Vue.js is a “complete” build that includes a compiler and runtime, so it supports dynamic compilation of templates.
  • Vue.runtime.js contains only the runtime, and the templates need to be precompiled during the build step.


MVC: M: Model V: View C: Controller

The full version

Because of the compiler

This supports putting the view layer directly into the HTML and Vue options template







TemplateXMLSyntax, so the format has to be very formal

The full version

You cannot put the view layer directly into HTML and Template

You need to put it in the Render option





If you want to listen for click events



Very trouble





So what’s the use of the incomplete version??

Because the non-complete version has less compiler, the volume is about 30% less than the full version, which is very significant for network traffic

So that’s where vue-Loader comes in, when you’re writingFull versionCode that is packaged into a partial version via webpack vue-Loader









You don’t have to spend a lot of time creating a project to learn about the functionality of the framework, so using online code testing is very convenient

Jsfiddle is a simple online code testing site that can be saved and shared online after registration



Jsfiddle.net/wayaya/73s8…

There is also an online website, Codesandbox, which can directly build a complete VUE environment, but there are many things, and foreign servers, sometimes very card

conclusion