Vuejs 挂载点 模板 实例和实例中的数据，事件和方法
Vuejs 挂载点 模板 实例和实例中的数据，事件和方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue start</title>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">{{message}}
<h1 @click="changeword()">hello {{word}}</h1>
{{number}}
<h1 v-text="number"></h1>
<h1 v-html="content"></h1>
</div>
<script>
new Vue({
el: "#root",
// template:"<h1>template can be here<h1>",
data: {
message: 'hello world',
word:'plmhome',
number: 123,
content:"<h2>hello world<h2>"
},
methods: {
changeword(){
this.word = "plmhome.com" //change the word
}
}
})
</script>
</body>
</html>
页:
[1]