前端框架_Vue

共计 350 个字符，预计需要花费 1 分钟才能阅读完成。

模板语法
内容插值
// 语法：双大括号 {{}}
// 使用场景：标签内容使用
// 单向数据绑定
// 支持 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 后面，那单向数据绑定失效