商务网站建设实训心得网址大全qq浏览器
| 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 | 外部向内部传入值 | |||