Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。
详细可参考vue官方文档
1.template写法
此处省略html结构,参考下一步
<script type="text/javascript">
vue.component('ele',{
template: '<div id="element" :class="{show:show}" @click="handleClick">标签内的文本内容</div>',
data() {
return {
show:true
}
},
methods: {
handleClick() {
console.log('clicked !');
}
}
})
var vm = new Vue({
// 管理边界->选取目标
el:'#app',