一，插值
1，文本{ {msg}}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.10/vue.js"></script>
</head>
<!-- Ctrl+K格式化 -->
<body>
<!-- 定义边界 -->
<div id="xyy">
<h3>{
{msg}}</h3>
<input type="text" v-model="msg" />
</div>
{
{msg}}
</body>
<script type="text/javascript">
/* 绑定边界*/
new Vue({
el:'#xyy',
data(){
return {
msg:'xyyyyds',
};
},
})
</script>
</html>
2、html （ 使用v-html指令用于输出html代码 ）
<div v-html="htmlstr"></div>
效果：
3、属性 （ HTML属性中的值应使用v-bind指令）
所有原生态的属性，要利用vue的变量，都需要在对应的属性前加v-bind
最低0.47元/天 解锁文章
1513
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
