首頁 > web前端 > js教程 > 主體

vue和js區別是什麼

coldplay.xixi
發布: 2023-01-03 09:30:02
原創
24243 人瀏覽過

vue和js區別:1、js首先都要獲取到DOM對象,再對DOM對象進行值的修改等操作;2、Vue是先把值和js對象進行綁定,再修改js物件的值,Vue框架就會自動把DOM的值就行更新。

vue和js區別是什麼

本教學操作環境:windows7系統、javascript1.8.5&&Vue2.9.6版,DELL G3電腦。

vue與js差異:

javaScript是執行在瀏覽器端的腳本語言,JavaScript主要解決的是前端與使用者互動的問題,包括使用交互與資料交互,JavaScript是瀏覽器解釋執行的。

Vue.js可以當作一個js函式庫來使用,也可以用它全套的工具來建立系統介面,這些可以根據專案的需要靈活選擇,所以說,Vue.js是一套建構使用者介面的漸進式JavaScript框架。 Vue的核心庫只關注視圖層,Vue的目標是透過盡可能簡單的 API 實現回應的資料綁定,在這一點上Vue.js類似於後台的模板語言。其本質上來說也是js程式碼

範例:

javaScript取得標籤元素:

<script>
var h1 = document.getElementById("title")
var h2 = document.getElementsByTagName("h1");
console.log(h1.innerHTML)
h1.innerHTML=&#39;修改后的标题&#39;
</script>
登入後複製

Vue取得標籤元素:

var vm = new Vue({
    el:"#box1",
    data:{
        content:"标题"
    },
    methods:{
        dianji1:function () {
             this.content = "修改后的标题"
        }
    }
})
登入後複製

總結:

  • js首先要取得到DOM對象,然後對DOM物件進行進行值的修改等操作

  • Vue是先把值和js物件進行綁定,然後修改js物件的值,Vue框架就會自動把DOM的值就行更新。

相關免費學習推薦:javascript影片教學

#

以上是vue和js區別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!