在Vue中，父组件可以往子组件中传递一些属性值。而子组件需要使用props配置项定义这些要从父组件中获取的数据。 使用props配置项，可以让该组件的标签在被使用时，通过组件标签属性将值传入组件中。 ...

ref 属性 在Vue的模板中可以通过为元素或子组件添加ref属性（如ref="elementRefValue"）来告诉Vue实例（或组件实例）要获取该元素。例如： <h1 v-text="msg"...

单文件组件 Vue单文件组件是指使用由Vue定义的.vue格式的文件。.vue文件模板如下： <!-- Vue 只能包含以下三种标签 --> <!-- 组件的结构 --> <template>...

组件是指实现应用中局部功能代码（html、css、js等）和资源（图片、音频、视频等）的集合。 传统的Web应用存在以下缺点： 依赖关系混乱，不易于维护。 代码复用率不高。 CSS文件可以通过外部...

Vue生命周期指的是Vue实例或Vue组件实例在创建时经历的一系列初始化步骤。 在这个过程中Vue为用户提供了一些可供用户自定义的函数，即生命周期回调函数。这些函数又称为生命周期函数或生命周期钩子。...

数据代理是指通过一个对象代理另一个对象中属性的（读/写）操作。 数据代理的原理 数据代理可以通过Object.defineProperty()实现。在Vue中，很多技术的实现都使用到...

文本插值 数据绑定最常见的形式就是文本插值。 在HTML标签体中，使用两个花括号{{ }}将JS表达式引起来。文本插值含义是将JS表达式的结果作为文本显示到页面中；并不是指JS表达式的结果为文本。 插...

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。结合响应系统，在应用状态改变时， Vue...

指令是指在Vue模板中由Vue原型对象或用户自定义的、带有v-前缀的特殊HTML属性。指令可以用于解析标签（包括标签属性、标签内容、绑定事件等等）。 数据绑定 单向数据绑定 v-bind单向数据绑...

Vue.js 是一套构建用户界面的渐进式框架。Vue 只关注视图层，采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 在学习Vue之前需要了...