一:插值:以“{{}}”为标记的内容,内容区间为js运算

 

1.插入文本

vue二:vue基础之插值

vue二:vue基础之插值

 

如果要渲染变量则需先在data中定义变量

 vue二:vue基础之插值

vue二:vue基础之插值

 

 2.插入html:要渲染html不能直接使用插值渲染,会被渲染成文本

vue二:vue基础之插值

vue二:vue基础之插值

 

在vue里面要渲染html,需要使用v-html指令

vue二:vue基础之插值

vue二:vue基础之插值

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue.js"></script>
</head>
<body>
<div ,
data:{
this_html: '<p>asdasd</p>'
// name: 'AAA'
}
})
</script>
</body>
</html>

相关文章: