[英]Can vuejs be used inside webcomponent?
VueJS 可以用于对 Web 组件内的行为进行编码吗? 我的意思是:如果 vuejs 库作为脚本引用加载,那么它可以像在普通的 html 页面中一样使用,但在 web 组件的定义中使用吗?
是的,您可以将 vuejs 包装在 web 组件中,您只需要 .vue 文件和来自 vuejs 的名为https://github.com/vuejs/vue-web-component-wrapper的帮助程序库
使用起来非常简单!!!
<template>
<div>
<h1>My Vue Web Component</h1>
<div>{{ msg }}</div>
</div>
</template>
<script>
export default {
props: ['msg']
}
</script>
import Vue from 'vue';
import wrap from '@vue/web-component-wrapper';
import MyWebComponent from './components/Component'; //this is your component file
const WrappedElement = wrap(Vue, MyWebComponent);
window.customElements.define('my-web-component', WrappedElement);
有关更多信息,请访问https://medium.com/@royprins/get-started-with-vue-web-components-593b3d5b3200
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.