images/babel-plugin-jsx
2
0
Fork 0
mirror of https://github.com/vuejs/babel-plugin-jsx.git synced 2024-11-10 09:39:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: withModifiers

Browse Source
This commit is contained in:
Amour1688 2020-07-22 09:53:16 +08:00
parent b817fa38af
commit 84b006bdd3
2 changed files with 40 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/babel-plugin-jsx/README-zh_CN.md
View File

@ -71,6 +71,24 @@ const App = defineComponent(() => {
});
```
```jsx
import { withModifiers } from 'vue';
const App = () => {
const count = ref(0);
const inc = () => {
count.value++;
};
return () => (
<div onClick={withModifiers(inc, ['self'])}>
{count.value}
</div>
);
}
```
Fragment
```jsx
@ -164,8 +182,8 @@ const App = {
const App = {
setup() {
const slots = {
a: () => <div>A</div>,
b: () => <span>B</span>
default: () => <div>A</div>,
foo: () => <span>B</span>
};
return () => <A v-slots={slots} />;
}

22
packages/babel-plugin-jsx/README.md
View File

@ -70,6 +70,24 @@ const App = defineComponent(() => {
});
```
```jsx
import { withModifiers } from 'vue';
const App = () => {
const count = ref(0);
const inc = () => {
count.value++;
};
return () => (
<div onClick={withModifiers(inc, ['self'])}>
{count.value}
</div>
);
}
```
Fragment
```jsx
@ -163,8 +181,8 @@ const App = {
const App = {
setup() {
const slots = {
a: () => <div>A</div>,
b: () => <span>B</span>
default: () => <div>A</div>,
foo: () => <span>B</span>
};
return () => <A v-slots={slots} />;
}