Skip to content
/ svelte-webcomponent-example Public

Svelte编译 web component，在html中和在vue当中使用的示例

2 stars 0 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

MoruoFrog/svelte-webcomponent-example

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit

public

public

 
 

src

src

 
 

vue-example

vue-example

 
 

.gitignore

.gitignore

 
 

README.md

README.md

 
 

package-lock.json

package-lock.json

 
 

package.json

package.json

 
 

rollup.config.js

rollup.config.js

 
 

Repository files navigation

Svelte 编译成web component

build

npm run build

原生html当中使用

cd public
http-server .

Vue 当中使用

cd vue-example
npm i
npm run serve

注意

Svelte 通过dispatch emit的自定义事件，编译成webcomponent之后不能直接通过addEventListener监听，需要通过$on方法去监听。所以也不能在Vue的模版中通过v-on监听。需要手动dispatch一个new CustomEvent

链接

Custom Elements Everywhere

About

Svelte编译 web component，在html中和在vue当中使用的示例

Resources

Readme
Activity

Stars

2 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages