js 点击改变内容与vue 点击改变内容
生活随笔
收集整理的這篇文章主要介紹了
js 点击改变内容与vue 点击改变内容
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
js 的代碼如下
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><div><p id="demo">JavaScript 能夠改變 HTML 內容。</p><button onclick="jhtml()">點擊改變內容</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">點擊改變內容</button></div></body><script>var app = new Vue({el: "#app",data: {message: "Vue 能改變其內容"},methods: {msg: function() {this.message = "Hello Vue"}}})</script>
</html>?
他們對比學習記錄
總結
以上是生活随笔為你收集整理的js 点击改变内容与vue 点击改变内容的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： qq男生网名大全
- 下一篇： git生成ssh keys步骤与使用