<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<input type="button" value="谁是当今第一武林夫人" @click="getResult">
<h3 id="xxy" ref="xxy">三少爷女儿小鱼</h3>
<hr>
<belle ref="mybelle"></belle>
</div>
<script src="../js/vue.js"></script>
<script>
var belle = {
template:'<h3>武林第一夫人</h3>',
data(){
return {
name:'孔妃子',
subname:'李媚娘'
}
},
methods:{
show(){
console.log(this.subname);
}
}
}
const vm = new Vue({
el:'#app',
data :{},
methods:{
getResult(){
console.log(document.getElementById('xxy').innerText);
console.log(this.$refs.xxy.innerText);
console.log(this.$refs.mybelle.name);
this.$refs.mybelle.show();
}
},
components:{
belle
}
})
</script>
</body>
</html>
06-21
736
08-09
1226
02-07
5942
06-10
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交