1
1
# 应用 API
2
2
3
- 在 Vue 3 中,全局改变 Vue 行为的 API 现在移动到了由新的 ` createApp ` 方法所创建的应用实例上。此外,现在它们的影响仅限于该特定应用实例:
3
+ 在 Vue 3 中,改变全局 Vue 行为的 API 现在被移动到了由新的 ` createApp ` 方法所创建的应用实例上。此外,现在它们的影响仅限于该特定应用实例:
4
4
5
5
``` js
6
6
import { createApp } from ' vue'
@@ -19,7 +19,7 @@ const app = createApp({})
19
19
- ` {string} name `
20
20
- ` {Function | Object} [definition] `
21
21
22
- - ** 返回 :**
22
+ - ** 返回值 :**
23
23
24
24
- 如果传入 ` definition ` 参数,返回应用实例。
25
25
- 如果不传入 ` definition ` 参数,返回组件定义。
@@ -35,7 +35,7 @@ import { createApp } from 'vue'
35
35
36
36
const app = createApp ({})
37
37
38
- // 注册一个选项对象
38
+ // 注册一个名为my-component的组件
39
39
app .component (' my-component' , {
40
40
/* ... */
41
41
})
@@ -70,7 +70,7 @@ app.config = {...}
70
70
- ` {string} name `
71
71
- ` {Function | Object} [definition] `
72
72
73
- - ** 返回 :**
73
+ - ** 返回值 :**
74
74
75
75
- 如果传入 ` definition ` 参数,返回应用实例。
76
76
- 如果不传入 ` definition ` 参数,返回指令定义。
@@ -87,7 +87,7 @@ const app = createApp({})
87
87
88
88
// 注册
89
89
app .directive (' my-directive' , {
90
- // 指令具有一组生命周期钩子 :
90
+ // 指令是具有一组生命周期的钩子 :
91
91
// 在绑定元素的父组件挂载之前调用
92
92
beforeMount () {},
93
93
// 绑定元素的父组件挂载时调用
@@ -150,12 +150,12 @@ app.directive('focus', {
150
150
151
151
上面作为 el 参数收到的真实 DOM 元素的蓝图。
152
152
153
- #### prevNode
153
+ #### prevNode
154
154
155
155
上一个虚拟节点,仅在 ` beforeUpdate ` 和 ` updated ` 钩子中可用。
156
156
157
157
:::tip Note
158
- 除了 ` el ` 之外,你应该将这些参数视为只读,并且永远不要修改它们。如果你需要跨钩子共享信息,建议通过元素的[ 自定义数据属性集] ( https://developer.mozilla.org/en-US /docs/Web/API/HTMLElement/dataset ) 进行共享。
158
+ 除了 ` el ` 之外,你应该将这些参数视为只读,并且永远不要修改它们。如果你需要跨钩子共享信息,建议通过元素的[ 自定义数据属性集] ( https://developer.mozilla.org/zh-CN /docs/Web/API/HTMLElement/dataset ) 进行共享。
159
159
:::
160
160
161
161
- ** 参考:** [ 自定义指令] ( ../guide/custom-directive.html )
@@ -166,7 +166,7 @@ app.directive('focus', {
166
166
167
167
- ` {Object} mixin `
168
168
169
- - ** 返回 :**
169
+ - ** 返回值 :**
170
170
171
171
- 应用实例
172
172
@@ -183,7 +183,7 @@ app.directive('focus', {
183
183
- ` {Element | string} rootContainer `
184
184
- ` {boolean} isHydrate `
185
185
186
- - ** 返回 :**
186
+ - ** 返回值 :**
187
187
188
188
- 根组件实例
189
189
@@ -217,7 +217,7 @@ app.mount('#my-app')
217
217
- ` {string | Symbol} key `
218
218
- ` value `
219
219
220
- - ** 返回 :**
220
+ - ** 返回值 :**
221
221
222
222
- 应用实例
223
223
@@ -293,7 +293,7 @@ setTimeout(() => app.unmount('#my-app'), 5000)
293
293
- ` {Object | Function} plugin `
294
294
- ` ...options (可选) `
295
295
296
- - ** 返回 :**
296
+ - ** 返回值 :**
297
297
298
298
- 应用实例
299
299
0 commit comments