vue和javascript的區(qū)別:1、javaScript是運(yùn)行在瀏覽器端的腳本語(yǔ)言,而Vue.js可以作為一個(gè)js庫(kù)來(lái)使用,是一套構(gòu)建用戶(hù)界面的漸進(jìn)式JavaScript框架;2、js要獲取到DOM對(duì)象,而Vue是值和js對(duì)象進(jìn)行綁定。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5&&Vue2.9.6版,DELL G3電腦,該方法適用于所有品牌電腦。
vue和javascript的區(qū)別:
javaScript
是運(yùn)行在瀏覽器端的腳本語(yǔ)言,JavaScript主要解決的是前端與用戶(hù)交互的問(wèn)題,包括使用交互與數(shù)據(jù)交互,JavaScript是瀏覽器解釋執(zhí)行的。
Vue.js
可以作為一個(gè)js庫(kù)來(lái)使用,也可以用它全套的工具來(lái)構(gòu)建系統(tǒng)界面,這些可以根據(jù)項(xiàng)目的需要靈活選擇,所以說(shuō),Vue.js是一套構(gòu)建用戶(hù)界面的漸進(jìn)式JavaScript框架。Vue的核心庫(kù)只關(guān)注視圖層,Vue的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定,在這一點(diǎn)上Vue.js類(lèi)似于后臺(tái)的模板語(yǔ)言。其本質(zhì)上來(lái)說(shuō)也是js代碼
javaScript獲取標(biāo)簽元素:
<script> var h1 = document.getElementById("title") var h2 = document.getElementsByTagName("h1"); console.log(h1.innerHTML) h1.innerHTML='修改后的標(biāo)題' </script>
Vue獲取標(biāo)簽元素:
var vm = new Vue({ el:"#box1", data:{ content:"標(biāo)題" }, methods:{ dianji1:function () { this.content = "修改后的標(biāo)題" } } })
總結(jié):
-
js首先都要獲取到DOM對(duì)象,然后對(duì)DOM對(duì)象進(jìn)行進(jìn)行值的修改等操作
-
Vue是首先把值和js對(duì)象進(jìn)行綁定,然后修改js對(duì)象的值,Vue框架就會(huì)自動(dòng)把DOM的值就行更新。
相關(guān)免費(fèi)學(xué)習(xí)推薦:javascript(視頻)