前端框架_Vue

模板语法
内容插值
// 语法： 双大括号{{}}
// 使用场景： 标签内容使用
// 单向数据绑定
// 支持JS表达式

<div id=”app”>{{msg}}</div>
<script>
const vue = new Vue({
el: ‘#app’,
data: {
msg: ‘who is this’
}
});
</script>
属性绑定
// 标签属性值绑定
// 单向数据绑定
// 使用指令v-bind，简写：

<div id=”app”>
<div title=”你好” :title=”go”>xxx</div>
</div>
<script>
const vue = new Vue({
el: ‘#app’,
data: {
go: ‘振东’
}
});
</script>
出现上面的情况，属性谁后谁显示，原理是后面替代前面，如果title在:title后面，那单向数据绑定失效