Vue.js 是常用構(gòu)建用戶界面的漸進(jìn)式框架，由于簡(jiǎn)單易學(xué)，功能強(qiáng)大受到許多開發(fā)者的喜愛。那么在前端頁(yè)面中，我們?nèi)绾我隫ue.js呢？這篇文章告訴你。
首先我們需要新建一個(gè) HTML 文件，在 <head></head> 中引入用 ?<script></script>? 標(biāo)簽引入 Vue.js。Vue.js 的文件地址為：https://vuejs.org/js/vue.js
如下：
<script src="https://unpkg.com/vue/dist/vue.js"></script>此時(shí)，我們就可以編寫一個(gè)簡(jiǎn)單的 vue 代碼了。
如：
<body>
<div id="app">
{{message}}
</div>
<script>
var app=new Vue({
el:'#app',
data:{
message:'hello vue'
}
})</script>
</body>在未引用 Vue.js 文件時(shí)，頁(yè)面輸出為{{message}}，而引用 Vue.js 文件后，此段代碼輸出為 hello vue。
vue 框架是一個(gè)功能強(qiáng)大的前端框架，Vue.js 的引入只是它的第一步，更多好用的功能值得我們繼續(xù)學(xué)習(xí)。以上就是如何 Vue.js 的全部?jī)?nèi)容，更多 Vue.js 學(xué)習(xí)請(qǐng)關(guān)注 w3cschool 官網(wǎng)。
推薦課程：vue.js2.0教程、 vue2.0進(jìn)階學(xué)習(xí)
