摘要：
这次我们来看下Vue.js组件之间的三种数据传递方式： props 组件通信 slot 下面我们分别对每一种数据传递方式做详细的阐述。 1.props “props”是组件数据的一个字段，期望从父组件传下来数据。因为组件实例的作用域是孤立的，这意味着不能并且不应该在子组件的模板内直接引用父组件的数据 阅读全文
摘要：
组件是Vue.js最推崇的，也是最强大的功能之一，核心目标是为了可重用性高，减少重复性的开发。我们可以把组件代码按照template、style、script的拆分方式，放置到对应的.vue文件中。 Vue.js的组件可以理解为预先定义好行为的VuewModel类。一个组件可以预定义很多选项，但最核 阅读全文
摘要：
这次我们介绍Vue实例提供的一些有用的属性和方法，这些属性和方法名都以前缀$开头。 一、实例属性 1.组件树访问 $parent 用来访问当前组件实例的父实例 $root 用来访问当前组件树的根实例，如果当前组件没有父实例，$root表示当前组件实例本身 $children 用来访问当前组件实例的直 阅读全文
摘要：
Vue.js的事件监听一般都通过v-on指令配置在HTML中，虽然也可以在JavaScript代码中使用原生的addEventListener方法添加事件监听，但Vue.js本身并不提倡如此。看上去这种方式不符合传统的“关注点分离”的理念，但其实所有的Vue.js事件处理方法和表达式都严格绑定在当前 阅读全文
摘要：
过渡效果在交互体验中的重要性不言而喻。以往我们使用jQuery添加或移除元素的类，搭配CSS中定义好的样式，再引用一些JavaScript库之后，可以做出非常复杂、惊艳的动态效果，不过这一套方法仍略显烦琐。Vue.js内置了一套过渡系统，可以在元素从DOM中插入或移除时自动应用过渡效果。Vue.js 阅读全文
摘要：
对于数据绑定，一个常见的需求是操作元素的class列表和它的内联样式。因为它们都是attribute，我们可以用v-bind处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在v-bind用于class和style时，Vue.js专门增强了它。表达式的结果类型除了字符串以外 阅读全文
摘要：
在了解过滤器之前，我们需要明确一个概念--过滤器，本质上都是函数。其作用在于用户输入数据后，它能够进行处理，并返回一个数据结果。Vue.js与AngularJS中的过滤器语法有些类似，使用管道符（|）进行连接。 一、内置过滤器 Vue.js内置了一系列常用的过滤器，可以直接进行调用。这些内置过滤器都 阅读全文
摘要：
在Web应用中，我们经常会使用表单向服务端提交一些数据，而通常也会在表单项中绑定一些如input、change等事件对用户输入的数据进行校验、更新等操作。在Vue.js中我们可以使用v-model指令同步用户输入的数据到Vue示例data属性中，同时会对radio、checkbox、select等原 阅读全文
摘要：
一、计算属性 计算属性就是当其依赖属性的值发生变化时，这个属性的值会自动更新，与之相关的DOM部分也会同步自动更新。 代码如下: 当vm.didi和vm.family的值发生变化时，vm.didiFamily的值会自动更新，并且会自动同步更新DOM部分。 前面实例只提供了getter，实际上除了ge 阅读全文
摘要：
指令是指特殊的带有前缀v-的特性。指令的值限定为绑定表达式，指令的职责就是当其表达式的值改变时把某些特殊的行为应用到DOM上。 一、内部指令 1.v-if v-if指令可以根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false，那么对应的元素就会从DOM中移除；否则，对应元素 阅读全文