<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表渲染</title>
<script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script>
</head>
<body>
<div id="app">
<!-- 有时候需要操作DOM节点，比如获取DOM节点中的内容，那就可以给DOM一个ref引用 -->
<div ref="hello" @click="showContent">
hello world
</div>
</div>
<script>
// ref
var vm = new Vue({
el : "#app",
methods : {
showContent : function(){
alert(this.$refs.hello.innerHTML)
}
}
})
</script>
</body>
</html>
网友评论