當(dāng)前位置：首頁(yè) > 人文社科 > 生活经验 >内容正文

生活经验

js 点击改变内容与vue 点击改变内容

發(fā)布時(shí)間：2023/11/27 生活经验 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 js 点击改变内容与vue 点击改变内容小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

js 的代碼如下

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><div><p id="demo">JavaScript 能夠改變 HTML 內(nèi)容。</p><button onclick="jhtml()">點(diǎn)擊改變內(nèi)容</button></div></body><script>function jhtml(){document.getElementById("demo").innerHTML="Hello JavaScript"}</script></html>

vue的代碼如下

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><script src="https://cdn.jsdelivr.net/npm/vue"></script><title></title></head><body><div id="app"><p>{{ message }}</p><button v-on:click="msg">點(diǎn)擊改變內(nèi)容</button></div></body><script>var app = new Vue({el: "#app",data: {message: "Vue 能改變其內(nèi)容"},methods: {msg: function() {this.message = "Hello Vue"}}})</script>
</html>

他們對(duì)比學(xué)習(xí)記錄

總結(jié)

以上是生活随笔為你收集整理的js 点击改变内容与vue 点击改变内容的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。