Vue.js 框架不可知的自定义元素，v-model不'；行不通

我面临一个问题。 我目前正在使用新的浏览器API

customElements.define（）

开发一个框架无关元素库，并创建了一个自定义输入，希望他使用v-model绑定

但是，它不起作用。我可以用

：value=“prop”

绑定一个值，但是v-model根本不起作用

class-LmTag扩展了HtmleElement{
构造函数（）{
超级（）；
this.template=document.querySelector（“#lmTag”）；
this.shadow=this.createShadowRoot（）；
this.clone=document.importNode（this.template.content，true）；
this.shadow.appendChild（this.clone）；
this.input=this.shadow.querySelector（'input'）；
}
connectedCallback（）{
this.value=this.getAttribute（“值”）；
}
获取值（）{
返回此.input.value；
}
设定值（值）{
this.input.value=值；
}
attributeChangedCallback（属性、旧值、新值）{
日志（attr、oldValue、newValue）；
}
}
自定义元素。定义（“lm标记”，LmTag）；
Vue.config.productionTip=false
Vue.config.devtools=false；
新Vue({
el:“#应用程序”，
数据：{
灯光：是的，
输入：“模型”
},
方法：{
}
});

.lm标签{
显示：内联块；
填充：4px；
边界半径：4px；
背景色：#e74c3c；
颜色：#ffffff；
字体大小：12px；
}
.lm标记输入{
边界：无；
}

绑定：值
{{input}}


绑定v模型
{{input}}


原始输入：value


v模型的原始输入

请始终在问题本身中提供相关代码。已提供，请查看代码笔。不是在代码笔或任何外部工具中，而是在问题本身中。我的错，我将其添加到帖子中。有人会提供帮助，我无法理解您的问题。