我转过几个弯绕过那个小雨楼
拿着蒲扇摆着衣衫渡着紧箍咒
不问天涯不停留喝过几壶酒
不过年少白头道义放胸口
倘若明天之后遥看前尘剑封侯
似那天上神仙无所求
朝朝暮暮君如梦醒十分不为何理由
是真是假是惶恐是无休
路过这风雨花满楼片刻都不停留
我本这书生进京赶考留下许多愁
你问有没有时候我叹这天道默悠悠
能否与我一醉方休
又过了几个弯算尽天量道莫慌
踏这田园闻这芳草香
跌跌撞撞仗剑天涯折煞不枉无笔良
是梦是幻是温柔是家乡
路过这风雨花满楼片刻都不停留
我本这书生进京赶考留下许多愁
你问有没有时候我叹这天道默悠悠
能否与我一醉方休
路过这风雨花满楼片刻都不停留
我本这书生进京赶考留下许多愁
你问有没有时候我叹这天道默悠悠
能否与我一醉方休
谁能与我一醉方休

.sync 的用法

木灵鱼儿

285 天前vue 项目实战

288 0 0

sync在vue早期版本2.0的时候被移除了，后来又加上了，作为一个用于子组件修改父组件传入的prop而存在的语法，用法如下：

父组件：

< template>
    < Snackbar :open.sync="showMessage" />
< /template>
<script>
export default {
  data() {
    return {
      showMessage: true,
    };
  }
</script>

子组件通过接受父组件的showMessage布尔值。

子组件：

< template>
    <p v-if="" @click="hide">子组件</p>
< /template>
<script>
export default {
   props:["open"],
   methods:{
     hide(){
       this.$emit("update:open",false);
     }
   }
 }
</script>

子组件通过$emit来触发自定义事件，其中update为sync修饰符约定俗成的一个方法，后面通过:符号跟一个要修改的变量名，这个变量名一般为sync修饰符所绑定的变量。

总之就是这么个写法。

父组件可以理解为使用了sync后，会多出一个这样的方法：

< template>
    < Snackbar :open.sync="showMessage" @update:open="(val)=>{open = val;}" />
< /template>
<script>
export default {
  data() {
    return {
      showMessage: true,
    };
  }
</script>

到这里你应该明白了$emit触发的方法名的由来吧。

以上就是sync的方法，真的非常方便。