js 点击改变内容与vue 点击改变内容
js 的代码如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><div><p id="demo">JavaScript 能够改变...
·
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>
他们对比学习记录
更多推荐
已为社区贡献3条内容
所有评论(0)