这是一个样板。
里面是什么?
该项目使用了很多东西,例如:
入门
首先,运行开发服务器:
npm run dev
# or
yarn dev
用浏览器打开以查看结果。
您可以通过修改pages/index.js来开始编辑页面。 页面在您编辑文件时自动更新。
指令
dev :在localhost:3000上运行您的应用程序
generate "name-component" :生成具有所有基础的新组件
build :创建生产构建版本
start :使用生成的生产代码启动一个简单的服务器
l
js组件
一个研发项目,用于评估基于类的解决方案以开发自定义元素。
免责声明:
项目处于早期状态,目前尚无在生产中使用它的计划。
例子
例子1
import { bind , element , html , state , Component } from 'js-component'
import counterStyles from './styles/counter.scss'
element ( {
tag : 'my-counter' ,
styles : counte
模数HTML
Web组件缺少模板引擎
import { html , render } from 'modulor-js/html' ;
customElements . define ( 'my-component' , class extends HTMLElement {
set props ( { first , second } ) {
render ( html `
first: ${ first }
second: ${ second }