所在的位置: html >> html介绍 >> Vue基础1初识Vue

Vue基础1初识Vue

Vue自称是一个渐进的框架,与Angular或React等其余取代框架不同,它能够慢慢哄骗。能够哄骗现有的静态HTML或jQuery运用程序,并轻便地在其原形上增加一些Vue。

咱们来演示一下配置Vue,特别轻易,首先缔造一个index.html文献:

index.html(step1)

htmllang="en"metacharset="UTF-8"/headtitleVue-渐进式框架/title/headbody/body/html

接着在body/body标签内增加一些HTML以供Vue解决:

index.html(step2)

htmllang="en"metacharset="UTF-8"/headtitleVue-渐进式框架/title/headbodydivid="app"h1你好{{user}}/h1/div/body/html

h1你好{{user}}/h1中的user领域的花括号是Vue模板语法,示意应当用它的值交换user。

要是在扫瞄器中加载该页面,您将看到它显示出来Hello{{user}}。这很一般,由于咱们还没用过Vue。

目前让咱们增加Vue。Vue经过NPM和CDNs(实质散发网站)公布,供咱们的HTML页面引用。Unpkg即是此中之一。咱们能够哄骗它将Vue增加到咱们的页面。自然,您也能够抉择下载文献到项目目录哄骗。

index.html(step3)

htmllang="en"metacharset="UTF-8"/headtitleVue-渐进式框架/titlescriptsrc="


转载请注明:http://www.aierlanlan.com/rzfs/1163.html