摘要：
过渡 vue 提供了 transition 的封装组件 所有的关于过渡的动画效果都是通过transition组件进行设置的 几种能够过滤的场景 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 基本使用 1 <template> 2 <div> 3 <button 阅读全文
摘要：
我们之前学习的v-if，v-for等等都是vue的系统指令，我们现在需要自己开发自定义指令 Vue.directive提供了自定义指令的入口 基本使用 我们在App.vue中设置了一个p元素 1 <p v-color='"blue"'>123456789</p> v-color就是自定义的一个指令名 阅读全文
摘要：
Vue的自定义过滤器就是通过对数据的过滤从而实现对数据优化，得到我们需要的数据内容 比如我们进行对时间的过滤，从格林威治时间转换为我们日常需要的2020-9-13日 1 <template> 2 <div> 3 <table> 4 <tr> 5 <th>姓名</th> 6 <th>年龄</th> 7 阅读全文
摘要：
官方地址：https://cn.vuejs.org/v2/guide/components-slots.html#ad 官方解释:Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 <slot> 元素作为承载分发内容的出口。 插槽能干什么？ 阅读全文
摘要：
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 我们在写组件的时候会遇到一些问题，比如我们想让页面加载好了 阅读全文
摘要：
混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 我们先看混入的一个可复用的特点 mixins文件 1 export const MixIns={ 2 da 阅读全文
摘要：
关于$refs的官方介绍 一个对象，持有注册过 ref attribute 的所有 DOM 元素和组件实例 关于$el的官方介绍 Vue 实例使用的根 DOM 元素 我们自己新建组件的时候，如何让父组件直接触发子组件的方法，比如父组件让子组件的数据加1 父组件 1 <template> 2 <div 阅读全文
摘要：
$attrs属性 $attrs包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs 阅读全文
摘要：
computed计算属性的作用是对数据的计算和缓存，优点是能够提高性能 基本使用 1 <template> 2 <div> 3 <p>{{reverseStr}}</p> 4 5 </div> 6 </template> 7 <script> 8 export default { 9 data(){ 阅读全文
摘要：
在vue中，使用watch来响应数据的变化 下面我们看一个案例 1 <template> 2 <div> 3 <p>{{num}}</p> 4 <button @click="add">加一</button> 5 </div> 6 </template> 7 8 <script> 9 export 阅读全文