1、插值
文本:{{ }}
<div>
<p>{{message}}</p>
</div>
export default {
data() {
return {
message:'hello vue',
}
}
}
html:v-html
<div v-html="message">
</div>
export default {
data() {
return {
message:'<p>hello vue</p>',
}
}
}
属性:v-model
<!--在输入框里输入的内容在下面显示 -->
<div>
<input type="text" v-model="message">
<div>输入的内容是:{{message}}</div>
</div>
export default {
data() {
return {
message:'',
}
}
}