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="