mirror of
https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git
synced 2026-04-23 04:25:21 +08:00
# Conflicts: # jsowell-ui/.env.development # jsowell-ui/.env.staging # jsowell-ui/bin/build-sit.bat # jsowell-ui/bin/build.bat # jsowell-ui/src/api/adapayMember/adapayMember.js # jsowell-ui/src/api/pile/merchant.js # jsowell-ui/src/router/index.js # jsowell-ui/src/views/financial/financeDetail.vue # jsowell-ui/src/views/financial/merchant.vue # jsowell-ui/src/views/homeIndex/homeIndex.vue # jsowell-ui/src/views/login.vue # jsowell-ui/src/views/pile/basic/detail.vue # jsowell-ui/src/views/pile/station/components/SiteInfo.vue # jsowell-ui/src/views/pile/station/detail.vue # jsowell-ui/src/views/pile/station/orderReport.vue
49 lines
1009 B
Markdown
49 lines
1009 B
Markdown
## @vue/babel-sugar-inject-h
|
|
|
|
Syntactic sugar for automatic `h` inject in JSX.
|
|
|
|
### Babel Compatibility Notes
|
|
|
|
- This repo is only compatible with Babel 7.x, for 6.x please use [vuejs/babel-plugin-transform-vue-jsx](https://github.com/vuejs/babel-plugin-transform-vue-jsx)
|
|
|
|
### Usage
|
|
|
|
Install the dependencies:
|
|
|
|
```sh
|
|
# for yarn:
|
|
yarn add @vue/babel-sugar-inject-h
|
|
# for npm:
|
|
npm install @vue/babel-sugar-inject-h --save
|
|
```
|
|
|
|
In your `.babelrc`:
|
|
|
|
```json
|
|
{
|
|
"plugins": ["@vue/babel-sugar-inject-h"]
|
|
}
|
|
```
|
|
|
|
However it is recommended to use the [configurable preset](../babel-preset-jsx/README.md) instead.
|
|
|
|
### Details
|
|
|
|
This plugin automatically injects `h` in every method that has JSX. By using this plugin you don't have to always specifically declare `h` as first parameter in your `render()` function.
|
|
|
|
```js
|
|
// Without @vue/babel-sugar-inject-h
|
|
export default {
|
|
render (h) {
|
|
return <button />
|
|
}
|
|
}
|
|
|
|
// With @vue/babel-sugar-inject-h
|
|
export default {
|
|
render () {
|
|
return <button />
|
|
}
|
|
}
|
|
```
|