Можно ли использовать vuejs внутри веб-компонента?

Question

Может ли VueJS использоваться для кодирования поведения внутри веб-компонента? Я имею в виду: если библиотека vuejs загружена как ссылка на скрипт, может ли она быть использована как на обычной странице html, но внутри определения веб-компонента?

Answer 1

Да, вы можете заключить vuejs в нужный вам веб-компонент. vue файлы и вспомогательную библиотеку из vuejs с именем https://github.com/vuejs/vue-web-component-wrapper

Это очень просто используйте его !!!

Это компонент. vue файл

<template>
  <div>
    <h1>My Vue Web Component</h1>
    <div>{{ msg }}</div>
  </div>
</template>

<script>
  export default {
    props: ['msg'] 
  }
</script>

Это основной файл. js файл

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 / получить стартер-с- vue -WEB-компоненты-593b3d5b3200