js、jQuery、Vue對比

Javascript

<div id="app">
    
</div>
<script>
var app=document.querySelector("#app");
app.innerHTML = "hello javascript";
//輸出為hello javascript
</script>

jQuery

<div id="app">
    
</div>
<script>
$(function (){
   $("#app").text("hello jquery")
});
//輸出為hello  jquery
</script>

Vue

<div id="app">
   {{text}}
</div>
<script>
var app = new Vue({
    el: '#app',//選中id為app的元素
    data: {
        text:'hello  Vue'
    }
});
//輸出為hello  Vue
</script>

vue可以實現(xiàn)追加

<div id="app">
   {{text}},{{message}}。
</div>
<script>
var app = new Vue({
    el: '#app',
    data: {
        text:'hello  Vue'
         message:'今天我學(xué)習(xí)了vue' //可寫多個
    }
});
//輸出為hello  Vue，今天我學(xué)習(xí)了vue
</script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容