js 点击改变内容与vue 点击改变内容
生活随笔
收集整理的這篇文章主要介紹了
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)題。
- 上一篇： qq男生网名大全
- 下一篇： 求一个qq校园网名！