oeos-components 0.0.65 → 0.0.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -8
- package/dist/oeos-components-es.js +0 -1
- package/dist/oeos-components-umd.js +1 -1
- package/package.json +8 -4
package/README.md
CHANGED
|
@@ -1,21 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
# element-plus二次封装
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
使用vue3+element-plus封装前端组件。以利于前端组件化和工程化开发
|
|
4
|
+
|
|
5
|
+
## 1. 组件的使用
|
|
6
|
+
|
|
7
|
+
### 在vue3项目的main.js里引入
|
|
4
8
|
|
|
5
9
|
```js
|
|
6
10
|
import 'oeos-components/dist/style.css'
|
|
7
|
-
import
|
|
8
|
-
app.use(
|
|
11
|
+
import oeosComponets from 'oeos-components'
|
|
12
|
+
app.use(oeosComponets)
|
|
9
13
|
```
|
|
10
14
|
|
|
11
|
-
|
|
15
|
+
### 在任何一个.vue文件下, 可直接引入组件
|
|
12
16
|
|
|
13
17
|
```js
|
|
14
18
|
<o-button>这是o-button</o-button>
|
|
15
19
|
<o-title title="这是o-title"></o-title>
|
|
16
20
|
```
|
|
17
21
|
|
|
18
|
-
|
|
22
|
+
## 2. 在vue3项目中使用公共函数
|
|
19
23
|
|
|
20
24
|
```js
|
|
21
25
|
// 如果想将所有函数挂载至全局使用
|
|
@@ -31,11 +35,14 @@ import { $toast } from 'oeos-components'
|
|
|
31
35
|
$toast('嘿嘿')
|
|
32
36
|
```
|
|
33
37
|
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
## 3. 在vue3项目中使用自定义指令
|
|
39
|
+
|
|
40
|
+
当前项目支持的自定义指令有以下
|
|
36
41
|
|
|
37
42
|
```
|
|
38
43
|
v-copy
|
|
39
44
|
v-number
|
|
40
45
|
v-focus
|
|
41
46
|
```
|
|
47
|
+
|
|
48
|
+
更多内容请查看[文档](https://liulihao88.github.io/oeos-components/)
|
|
@@ -21454,7 +21454,6 @@ const Os = { class: "checkbox" }, Es = /* @__PURE__ */ d({
|
|
|
21454
21454
|
setup(e) {
|
|
21455
21455
|
const { proxy: n } = D(), a = e;
|
|
21456
21456
|
function r(m) {
|
|
21457
|
-
console.log(m);
|
|
21458
21457
|
}
|
|
21459
21458
|
const l = {
|
|
21460
21459
|
label: "name",
|