vue中名词解释

No	名称	略写	作用	应用场景	其他
1	单页面应用 （Single-page application）	SPA	1，控制整个页面 2，抓取更新数据 3，无需加载，进行页面切换	丰富的交互，复杂的业务逻辑的web前端	一般要求后端提供api数据接口
2	单文件组件 Single-File  Components (也被称为*.vue文件)	SFC	将js，html，css封装到一个文件中	书写格式类似于html	vue的标识性功能
3	选项式API	Options API	用多个vue选项的对象来描述逻辑，如data，methods，mounted	基于组合式API构建而成	这些选项所定义的属性，可以暴露在函数内部的this上，这个this指向当前组件实例
4	组合式API	Composition API	使用导入的函数来描述逻辑 （可以大幅度的简化代码）	其中定义的变量和函数可以在template直接使用	通常使用        <script setup> 作用-告知vue如何编译
5	根组件		app.vue	它是应用中所有组件的根组件	每一个应用都会有一个根组件
6	挂载应用	.mount	参数为一个容器 app.mount(#app)	应用实例在调用此方法后才被渲染	返回值是一个根组件实例，不是应用实例
7	计算属性	computed（）		相应的功能，普通函数也可以实现，但是函数在每次渲染都会被调用，但计算属性不会，只有在响应式依赖被改变时调用	自动跟踪响应式依赖，当对象改变时，相应的计算依赖对象值都会改变
8	表单输入绑定		1，导入ref 2，定义ref 3，v-model绑定	绑定方发 import {ref} from vue const message =ref('')←初始值 <input v-mode="message" />
9	声明周期钩子函数		组件实例创建过程 1，设定数据监听 2，编译模板 3，挂载实例到DOM 4，数据变更是改变DOM 。。。。。		可以在特定阶段运行自己的逻辑代码
10	侦听器	watch（）	每次响应式状态发生变化时候触发回调函数。		深度侦听容易产生性能问题
11	模板引用		通过ref		可以直接访问DOM元素
12	组件	components	名称格式	1，传递props 2，监听事件 3，通过插槽分配内容       使用<slot>站为符号 4，动态组件     通过componet元素的is sttribute来实现。	组件可以被重复多次使用
13	组件注册		1，全局注册		缺点   1，生产环境打包的情况下无法移除 2，大型项目中不宜维护
			2，局部注册	1，<script setup> 中无需注册 2，无<script setup> import componenta form './componenta.js' expoet default{  components:{  componenta  }, }	优点， 依赖明确，打包自动移除
14	Props		外部向内部传入值