Vue躬行记（4）——组件
组件是可复用的Vue实例，拥有属于自己的数据、模板、脚本和样式，可避免繁重的重复性开发。由于组件都是独立的，因此其内部代码不会影响其它组件，但可以包含其它组件，并且相互之间还能通信。 一、注册 在使用组件之前，需要先将其注册，Vue提供了两种注册方式：全局注册和局部注册。 1）全局 ...
原文：Vue躬行记（5）——组件通信
组件之间除了保持独立之外，还需要相互通信，本章将介绍几种通信的方式。 一 直接访问 Vue提供了三个实例属性，可直接访问父组件 子组件和根实例，如下所列。 parent：父组件。 root：根实例，如果没有父实例，那么读取的将是自身。 children：直接子组件，无法获取隔代的子组件，并且不保证组件的顺序，也非响应式。 下面用一个示例来演示它们的用法，首先创建两个父子关系的组件parent和c ...
2019-11-04 09:36 0 337 推荐指数：
相关推荐
React躬行记（3）——组件
组件（Component）由若干个React元素组成，包含属性、状态和生命周期等部分，满足独立、可复用、高内聚和低耦合等设计原则，每个React应用程序都是由一个个的组件搭建而成，即组成React应用程序的最小单元正是组件。 一、构建 目前推崇的构建组件的方式总共有两种：类和函数，而用 ...
Vue躬行记（2）——指令
Vue不仅内置了各类指令，包括条件渲染、事件处理等，还能注册自定义指令。 一、条件渲染 条件渲染的指令包括v-if、v-else、v-else-if和v-show。 1）v-if 该指令的功能和条件语句中的if类似，可根据表达式的计算结果，判断是否渲染分支中的元素和它所包含的子 ...
Vue躬行记（9）——Vuex
Vuex是一个专为Vue.js设计的状态管理库，适用于多组件共享状态的场景。Vuex能集中式的存储和维护所有组件的状态，并提供相关规则保证状态的独立性、正确性和可预测性，这不仅让调试变得可追踪，还让代码变得更结构化且易维护。本文所使用的Vuex，其版本是3.1.1。 一、基本用法 ...
Vue躬行记（8）——Vue Router
虽然Vue.js未提供路由功能，但是官方推出了Vue Router（即vue-router库），以插件的形式支持。它与Vue.js深度集成，可快速的创建单页应用（Single Page Application，SPA）。 一、基本用法 首先需要引入vue和vue-router两个库 ...
Vue躬行记（3）——样式和表单
Vue对DOM元素的class和style两个特性做了专门的增强，即对CSS类和内联样式做了一层封装，通过v-bind指令来处理它们，而接收的表达式既可以是简单的字符串、对象或数组，也可以是复杂的计算属性。不仅如此，Vue还为表单设计了一些语法糖，让表单处理变得尤为简单。 一、CSS类 ...
Vue躬行记（6）——内容分发
Vue提供了一种内容分发技术，可将父组件中的内容传递给子组件的模板，实现方式参照了Web组件规范草案。 一、插槽 Vue内置了一个<slot>元素，能作为插槽（slot）存在，而插槽内可包含文本、HTML片段、组件等。以下面的btn组件为例，其模板中包含一个< ...
Vue躬行记（1）——数据绑定
创建一个Vue实例，而Vue实例相当于MVVM模式中的ViewModel。注意，所有的Vue组件（后面篇 ...