Vue Programming

一、Vue 的 v-bind 指令基本使用 v-bind 是 Vue 中非常非常重要的指令，也是使用频率非常高的指令；前面几篇文章中介绍的指令主要是将变量放入模板内容中并在页面上渲染出来，但是除了内容

一、Vue 的 v-pre 指令 Vue 的 v-pre 用于跳过使用该指令的元素及其子元素的编译过程，也就是不会进行编译或者渲染，显示原始的 Mustache 标签，通常用于跳过不需要编译的节点，可

一、Vue 的 v-text 指令 v-text 指令用于设置元素的文本内容，与插值表达式不同的是 v-text 提供了一种更直接的方式来绑定文本内容即 textContent，v-text 作用在元

一、Vue 的指令 在 Vue 中，指令（Directives）也是模板语法的一部分，指令是一种特殊的 token，它带有 v- 前缀，用于为模板提供额外的功能。指令的作用是通过一种声明式的方式将数据

一、Vue 的模板语法 前面通过七篇文章我们已经了解 Vue 中的基本语法以及核心的 Options API，在此基础上我们将会深入的了解 Vue 中的语法以及指令和其他的 API 的使用。 在 Vu

一、Vue 的 Options API : method 上篇文章中提到的 Options API 的核心选项之一就包含了 methods 选项，methods 是一个用于定义方法的选项。method

一、Vue 的 Options API Vue 的 Options API 是指在创建 Vue 实例时可以传递的一组选项，用于配置实例的行为、数据、方法等。通过这些选项，你可以定义 Vue 实例的各个

一、Vue 实例的 template 在前面的文章中，我们都是把 HTML 结构放在 template 属性中；在 Vue 的语法中 template 就是用于定义组件模板的选项，描述组件的结构和布局

一、Vue 的声明式编程 前面提到 Vue 是一个采用 声明式 编程范式的 JavaScript 框架，那么除了 声明式 编程范式外还有一种就是 命令式 编程范式；当然 声明式 编程和 命令式 编程也

一、Vue 的动态绑定特性 在上一篇文章中我们讲到了 Vue 的基本语法的初识，通过 v-for 了解到了 Vue 框架的强大的指令系统，除此之外 Vue 还有一个非常重要的特性 - 响应式数据绑定；

一、插值语法初识 在上篇文章中我们已经了解了 Vue 这个全局对象，可以通过调用 createApp 方法来创建一个元素对象，并且元素对象可以调用 mount 方法来挂载到 HTML 页面中某个已存在

一、Vue 初识 Vue 是一个 Web 前端框架，是一个 用于构建用户界面的渐进式 JavaScript 框架。 Vue 框架基于标准的 HTML、CSS、JavaScript 构建，并且提供了一套