标签:lang var 元素 挂载 htm 一个 基本语法 第一个 baidu
<div id="app">
{{ message }}
</div>
var app = new Vue({
el: ‘#app‘, //绑定挂载点
data: {
message: ‘Hello Vue!‘
}
})
el绑定的作用实例范围是什么
el绑定的标签内部都可以
el只能绑定单标签
此处省略十万字
作用:
{{ }}
会替换指定内容<div>
<h2 v-text="message"></h2>
<h2>
文本{{message}} //插值表达式
</h2>
</div>
var app = new Vue({
el:"#app",
data:{
message:"信息",
}
})
<body>
<div id="app">
<h2 v-text="msg+‘!‘"></h2> //可以直接在指令中直接加入表达式
</div>
<script>
var app = new Vue({
el:"#app",
data:{
msg:"msg"
}
})
</script>
</body>
作用:
<div id="app">
<div v-html="content"></div>
</div>
<script>
var app = new Vue({
el:"#app",
data:{
content:"<a href="http://www.baidu.com">百度</a>"
}
})
</script>
此时:content值将被解析成为
a标签
作用:
标签:lang var 元素 挂载 htm 一个 基本语法 第一个 baidu
原文地址:https://www.cnblogs.com/sushiyv/p/14672913.html