为什么按照视频中写的没有报错？
来源：2-3 Vue实例中的数据,事件和方法
忆笙丨歌
2019-05-18 15:05
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>vue实例</title>
<script type="text/javascript" src="js/vue.min.js"></script>
</head>
<body>
<!-- 挂载点，模板，实例之间的关系-->
<div id="root"><!-- 挂载点 -->
<div v-text="content" v-on:click="()=>{alert(123)}">{{content}}</div>
</div>
</body>
<script>
new Vue({
el:"#root",//挂载点
// template:'',//模板
data:{ //数据项
// msg:"world",//数据,放在挂载点中
// number:123 //插值表达式
content:"hello"
}
})
</script>
<!-- v-text 会转译 v-html不会转译 -->
</html>
写回答
关注
1回答
-
- 代码先锋
- 2019-05-19 09:17:27
<div v-text="content" v-on:click="()=>{alert(123)}">{{content}}</div>改成
<div
v-html = 'content'
@click="handleDivClick">
</div>
//在实例写上方法 methods:{ handleDivClick:function () { alert("123") } }//注意你的代码规范吧js写现在body里
vue2.5入门
快速理解Vue编程理念上手Vue2.0开发。
146817 学习 · 657 问题
相似问题