專業詞彙 - daniel-qa/Vue GitHub Wiki
Vue專業詞彙
1. Vue
Vue 是一个前端框架,用来构建用户界面,像是网页上的互动部分。
2. 组件(Component)
组件是网页中的一个小模块,可以把它想成一个小盒子,里面装着HTML、CSS和JavaScript。
3. 响应式(Reactive)
响应式意味着,当数据变化时,网页会自动更新显示。
4. 模板(Template)
模板是用来定义网页结构的地方,类似HTML的代码。
5. 指令(Directive)
指令是特殊的标签,它告诉Vue要怎么处理某些元素,比如 v-if 或 v-for。
6. v-if
v-if 是一个指令,用来根据条件显示或隐藏元素。
7. v-for
v-for 用来循环展示一组数据。
8. v-bind
v-bind 用来绑定属性,让数据可以动态地影响HTML元素的属性。
9. v-model
v-model 用来实现数据和表单输入框之间的双向绑定,意思是数据和输入框内容会自动同步。
10. 生命周期(Lifecycle)
生命周期指的是Vue组件从创建到销毁的整个过程,每个阶段都有特定的钩子函数。
11. mounted
mounted 是生命周期钩子,表示组件已经被挂载到页面上。
12. created
created 是生命周期钩子,表示组件已经创建完成,但还没有挂载到页面。
13. data
data 是组件中的数据部分,用来存储和管理数据。
14. methods
methods 是一个包含函数的地方,可以在组件中执行一些动作或计算。
15. computed
computed 是计算属性,通常用来处理需要从数据中计算得来的值。
16. watch
watch 是观察者,当数据发生变化时,Vue会自动触发指定的函数。
17. props
props 是从父组件传递到子组件的数据。
18. emit
emit 是一个方法,用来从子组件向父组件发送消息。
19. ref
ref 用来引用某个DOM元素或组件,可以方便地在代码中访问它。
20. slot
slot 是插槽,用来让父组件将内容传递到子组件的特定位置。
21. watchEffect
watchEffect 是一种自动侦测依赖并在变化时运行的方式,通常用于响应式的计算。
22. provide / inject
provide 和 inject 用于父组件和子组件之间的依赖传递,不需要通过 props 进行层层传递。
23. v-show
v-show 是一个指令,用来显示或隐藏元素,和 v-if 类似,但 v-show 不会销毁元素,只是改变它的显示状态。
24. defineComponent
defineComponent 是用来定义一个 Vue 组件的函数,它是 Vue 3 中的标准写法。
25. watchEffect
watchEffect 是一个新的 API,用来监听和响应数据变化,类似 watch,但它会自动追踪所有响应式数据的变化。
26. reactive
reactive 是 Vue 3 用来创建响应式对象的函数,改变对象里的数据时,视图会自动更新。
27. readonly
readonly 用来创建只读的响应式对象,不能被修改。
28. toRefs
toRefs 是用来把响应式对象的属性转成普通的引用,常用于组合式 API 中。
29. createApp
createApp 是 Vue 3 创建一个 Vue 实例的方法,通常在项目的入口文件使用。
30. nextTick
nextTick 用来在下次DOM更新后执行一个回调函数,确保你的操作是在DOM更新之后进行的。
31. suspense
suspense 用来处理异步组件加载,等待数据加载完成后再渲染。
32. defineAsyncComponent
defineAsyncComponent 用来定义一个异步加载的组件,只有在需要的时候才会加载。
33. h(createElement)
h 是一个函数,用来创建虚拟DOM元素,通常在渲染函数中使用。
34. provide
provide 用来在父组件中提供数据,可以被任何子组件 inject。
35. inject
inject 用来在子组件中获取父组件提供的数据。
36. v-cloak
v-cloak 是一个指令,用来在 Vue 编译模板前隐藏元素,通常用于调试和开发过程中。
37. v-on
v-on 用来监听事件,比如按钮的点击事件。
38. v-show
v-show 控制元素是否显示,只是通过改变元素的 display 样式来隐藏它。
39. flush
flush 是一种处理事件更新的机制,用于在 Vue 的响应式系统中强制刷新某些数据。
40. createRenderer
createRenderer 是 Vue 3 用来创建自定义渲染器的 API,允许你为不同平台(比如桌面应用或小程序)做定制化渲染。
41. emits
emits 用来声明一个组件可能会触发的事件。
42. Suspense
Suspense 是一个组件,用来处理加载中的内容,比如异步加载的数据。
43. defineExpose
defineExpose 用来暴露组件内部的一些方法或属性给外部调用,通常用于组合式 API 中。
44. markRaw
markRaw 用来标记一个对象为原始对象,Vue 不会对它进行响应式处理。
45. defineProps
defineProps 用来在组合式 API 中定义组件的 props。
46. useRouter
useRouter 是 Vue Router 提供的一个组合式 API,用来在组件中访问路由信息。
47. useRoute
useRoute 是 Vue Router 提供的一个组合式 API,用来访问当前路由对象。
48. isRef
isRef 用来判断某个对象是否是一个 Vue 的 ref 对象。
49. markRaw
markRaw 用来标记一个对象不会被 Vue 的响应式系统追踪,从而提高性能。
50. teleport
teleport 是一个新的组件,用来将组件的内容渲染到页面的其他地方,而不是当前 DOM 位置。