Update js-expression.md

This commit is contained in:
dntzhang 2017-04-19 17:52:10 +08:00 committed by GitHub
parent e3107afcab
commit dfdcf3be15
1 changed files with 12 additions and 12 deletions

View File

@ -23,14 +23,14 @@ Omi从设计之初就是往标准的DOM标签的标准传递方式靠齐。
```js
import Hello from 'hello.js'
Omi.makeHTML('Hello', Hello);
Omi.tag('hello', Hello);
class App extends Omi.Component {
render() {
return `
<div>
<Hello :data-user="{ name : 'Dntzhang', favorite : 'Omi' }" />
<hello :data-user="{ name : 'Dntzhang', favorite : 'Omi' }" ></hello>
</div>
`
@ -64,33 +64,33 @@ class Hello extends Omi.Component {
上面的例子展示了传递JSON其他类型也支持。比如
```js
<Hello :data-age="18" />
<hello :data-age="18" ></hello>
```
```js
<Hello :data-xxx="1+1*2/3" />
<hello :data-xxx="1+1*2/3" ></hello>
```
```js
<Hello :data-is-girl="false" />
<hello :data-is-girl="false" ></hello>
```
```js
<Hello :data-array-test="[1,2,3]" />
<hello :data-array-test="[1,2,3]" ></hello>
```
当然也支持传递多个值:
```js
<Hello :data-array-test="[1,2,3]" :data-is-girl="false" :data-age="18"/>
<hello :data-array-test="[1,2,3]" :data-is-girl="false" :data-age="18" ></hello>
```
当然你也可以使用:data合并到一起
```js
<Hello :data="{
<hello :data="{
arrayTest : [1,2,3],
isGirl : false,
age : 19
}"
/>
/><hello>
```
## 复杂类型
@ -116,14 +116,14 @@ class Hello extends Omi.Component {
}
}
Omi.makeHTML('Hello', Hello);
Omi.tag('hello', Hello);
class App extends Omi.Component {
render() {
return `
<div>
<Hello :data-array-test="[{name:'dntzhang'},{name:'omi'},{name:'AlloyTeam'}]" />
<hello :data-array-test="[{name:'dntzhang'},{name:'omi'},{name:'AlloyTeam'}]" ></hello>
</div>
`;
@ -166,4 +166,4 @@ class Hello extends Omi.Component {
* 如果你有Omi相关的问题可以 [New issue](https://github.com/AlloyTeam/omi/issues/new)
* 如果想更加方便的交流关于Omi的一切可以加入QQ的Omi交流群(256426170)
![](http://images2015.cnblogs.com/blog/105416/201702/105416-20170208095745213-1049686133.png)
![](http://images2015.cnblogs.com/blog/105416/201702/105416-20170208095745213-1049686133.png)