关于vue .sync修饰符

Question

vue中的sync修饰符是一种组件属性双向绑定的语法糖。假如有组件1var component1 = {     template:'<div v-show="visible">我是{{title}}</div>',    props:['title','visible'] }其中visible要使用sync修饰符<template>     <components1 title="我是title" :visible.sync="visible"></components1></template><script>     export default {         data(){            return {                visible:false             }         }     }</script>以上是正常的写法，那么我现在要用构造函数的形式调用components1，带有sync修饰符的属性应该怎么写var constructor = Vue.extend(component1)var vm = new constructor({     propsData:{         title:'我是title',        'visible.sync':true //这样写不对，应该怎么写     } })为什么踩我问题（手机app可以看到是谁踩了），是我问的太傻b了，还是你们都是大神，不屑于回答这种问题。

Answer 1

貌似函数式调用不能使用语法糖，只能这样写

var constructor = Vue.extend(component1)var vm = new constructor({
    propsData: {
        visible: true
    }
})vm.$on('update:visible', v => {
    vm.visible = v
})vm.$mount()this.$el.appendChild(vm.$el)