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