废话少说,代码如下所述:
vue实例中的数据,事件和方法new vue({
el:"#root",
data:{
msg: "world",
number:123
}
})
显示123
vue实例中的数据,事件和方法new vue({
el:"#root",
data:{
content: "
hello world
",}
})
补充:vuejs {{}},v-text 和 v-html的区别
{{message}}
let app = new vue({
el: "#app",
data: {
message: "通过双括号绑定",
html: "html标签在渲染的时候被解析",
text: "html标签在渲染的时候被源码输出",
}
});
区别:
{{message}}:将数据解析为纯文本,不能输出真正的html,在页面加载时显示{{}},所以通常使用v-html和v-text代替,且花括号方式在以后可能被取消
v-html="html":输出真正的html
v-text="text":将数据解析为纯文本,不能输出真正的html,与花括号的区别是在页面加载时不显示{{}}
总结
以上所述是小编给大家介绍的vue中v-text / v-html使用实例代码详解,希望对大家有所帮助