sfc-loader
v0.7.3
Published
Loader for SFC.
Downloads
60
Readme
sfc-loader
SFC is a Vue-like DSL that will compile to rax component.
SFC(Single File Component) DSL
<!-- hello.sfc -->
<template>
<view class="hello">
<text class="title" @click="change">Hello {{name}}</text>
</view>
</template>
<script>
export default {
data: function () {
return {
name: 'world'
}
},
methods: {
change () {
this.name = 'rax';
}
}
}
</script>
<style>
.hello {
flex-direction: column;
justify-content: center;
align-items: center;
}
.title {
font-size: 40px;
text-align: center;
}
</style>
// app.js
import {render} from 'rax';
import Hello from './hello';
render(<Hello name="world" />);
与 Vue 相比暂未支持的特性
除本表列明外不支持的特性,都是 Bug,请提交 issue
- v-model
- v-html
- v-show
- 指令修饰符
- 模板中的函数调用语法,如
{{ foo() }}
- 更高级的 watch
- 仅支持以下语法
export default { watch: { // 当且仅当 a.b.c 的值发生变化时触发 'a.b.c': function(newVal, oldVal) {} } }
Development
run example
npm i
npm start
run test
npm test