微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻

手册

目录

Vue教程
简介 指令 v-bind v-if 条件语句 v-show v-for 循环语句 事件 v-on 方法 事件修饰符 表单 v-model CSS 绑定 Computed 计算属性 观察者 模板
Vue扩展
扩展和安装 第一个 SFC 页面 组件 Props 选项 v-for 组件 $emit() Fallthrough 属性 范围样式 组件 插槽 v-slot 指令 作用域插槽 动态组件 Teleport 传送 HTTP 请求 模板参考 生命周期钩子 Provide/Inject 路由 表单输入 动画 动画与 v-for 构建 组合 API
Vue参考
内置属性 组件实例

首页 大前端 Vue.js Vue 教程

模板

收藏472

阅读13788

更新时间2025-08-22

观察者

单文件组件 (SFC)

正如您在上面的代码示例中看到的，我们的 Vue 应用程序的 HTML 部分也可以收集在 Vue 实例内，但这并不能让您更轻松地在 HTML 文件中获得概览。

为了获得更好的概览，更轻松地处理更大的项目，并获得更好的开发环境，我们现在将改用 SFC 或 *.vue 文件编写 Vue 代码。

所有 *.vue 文件仅由三部分组成: