使用方式一
<div id="app">
<div>
str1:{{leftStr}}, str2:{{rightStr}}
</div>
<p>
str:{{str}}
</p>
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
leftStr: "a",
rightStr: "bc",
},
computed: {
str: {
get() {
return this.leftStr+ "-" + this.rightStr;
},
set(val){
this.leftStr = val[0];
this.rightStr = val.substr(1);
}
}
},
})
</script>
使用方式二
<div id="app">
<div>
str1:{{leftStr}}, str2:{{rightStr}}
</div>
<p>
str:{{str}}
</p>
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
leftStr: "a",
rightStr: "bc",
},
computed: {
str() {
return this.leftStr + this.rightStr;
},
},
})
</script>