Vue 单文件组件 (SFC) 规范

Posted 2023-03-19

参考技术A

模板

脚本

样式

简介
.vue 文件是一个 自定义的文件类型 ，用类 html 语法描述一个 Vue 组件。
每个 .vue 文件包含三种类型的顶级语言块 <template>、<script> 和 <style>，还允许添加可选的 自定义块 。

vue单文件组件(SFC)规范

文章目录

• 引言
• I 组件规范
• • 1.1 组件的组成部分
  • 1.2 公共属性列表
  • 1.3 组件中使用js变量
  • 1.4 数据传递
  • 1.5 组件的事件
  • 1.6 vue组件的生命周期
• II 组件的 data 选项和methods 选项
• • 2.1 组件的 data 选项
  • 2.2 methods 选项
  • 2.3 防抖(debounce) 和 节流(throttling)
• III 计算属性
• • 3.1 计算属性的缓存机制
  • 3.2 计算属性的 Setter
• IV 侦听器
• V 常见问题
• • 5.1 如何获取上个页面传递的数据