How to introduce the vue.js file into HTML: First download the vue.js file directly from the official website of Vue.js; then pass "" can be used to introduce the local vue.js file. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202102/05/2021020509433452056.jpg" alt="How to introduce vue.js file into html" ></p> <p>The operating environment of this article: Windows7 system, HTML5&&Vue2.2.2, Dell G3 computer. </p> <p><strong>How to introduce vue.js file into html? </strong></p> <p>Vue.js is a popular JavaScript front-end framework, an open source JavaScript framework for creating user interfaces, designed to better organize and simplify web development. </p> <p>The core of Vue's focus is the view layer in the MVC pattern. At the same time, it can also easily obtain data updates and realize the interaction between the view and the model through specific methods within the component. </p> <p><strong>So how to introduce vue.js file into html? </strong></p> <p>Method 1. You can download the vue.js file directly from the Vue.js official website and import it with the <script> tag. </p> <p>Download address: https://vuejs.org/js/vue.min.js</p> <p>Then use the <script> tag to introduce the local vue.js file</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script src="vue/vue.min.js">Copy after loginNote: vue/vue.min.js is the relative address of the vue.js file Method 2: Use the CDN method and use the tag to introduce the vue.js file in the network. </p><p>The following are two relatively stable CDNs recommended in foreign countries. I have not found which one is better in China. At present, it is recommended to download them locally. </p><ul style="list-style-type: disc;"><li><p>Staticfile CDN (domestic): https://cdn.staticfile.org/vue/2.2.2/vue.min.js</p></li></ul><ul style="list-style-type: disc;"><li><p>unpkg: https://unpkg.com/vue/dist/vue.js, will remain consistent with the latest version released by npm. </p></li></ul><ul style="list-style-type: disc;"><li><p>cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js</p></li></ul><p>Recommended: "<a href="//m.sbmmt.com/vuejs/" target="_blank">vue tutorial</a>"</p><p>Staticfile CDN (domestic)</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"> {{ message }} new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } })
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
