Package Exports
- tt-grass
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tt-grass) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
一个简单的 mvvm 库
如何使用
全局API
组件实例
模板指令
与 grass-loader 一起使用
grass-loader 会预编译模板，所以你可以像 vue 一样使用单文件组件，不同的是，这个单文件组件并不包含 css
<template>
<div styleName="xx">{{ tao }}</div>'
</template>
<script>
import { CSSModules } from 'grass'
import style from './style.css'
@CSSModules(style)
class P extends Grass.Component {
// #temp
constructor () {
super()
this.state = {
tao: 'chentao',
}
}
}
</script>对于无状态组件，可以选择只有一个 <template></template> 标签，无状态模板有两个配置项可供选择
- name 属性是这个无状态组件的组件名
- styleSrc 属性为这个无状态组件的需要的 css，如果设置了此属性，会自动开启 css module（需要 css-loader 配合）
<template name="noState" styleSrc="./style.css">
<div styleName="xx">{{ tao }}</div>'
</template>报错信息显示的组件名称，是根据组件的声明名字进行关联的，所以注重的地方是组件创建时的 name。欢迎大家提 bug 啊，一起学习。前端小分队 qq 群：624921236