1.动态组件 在某些场景，往往需要我们动态切换页面部分区域的视图，这个时候内置组件component就显得尤为重要。 component接收一个名为is的属性，is的值应为父组件中注册过的组件的名称，用法如下： 示例如下： Example.vue： 效果 ...

component：用于动态组件，查看博文vue学习之组件。 transition：过渡和动画，查看官网文档进入/离开&列表过渡。 transition-group： keep-alive： Props： include - 字符串 ...

一、动画过渡 关于动画部分，一般是css3的transtion、transform和animation，这部分可以参考w3school上的内容。 二、vue的内置组件 vue的内置组件一共有五个（截至到目前vue2.x），这里主要介绍的是过渡组件<transition>和< ...

slot 是vue的内置组件，主要分为传值和接收值两部分; 首先写一个自定义组件：例如 <js></js> 再写一个template模板 并在构造器中使用components：{} 挂载， 在构造器的data中写一个选项方法： data ...

首先来看看实例的概述： 实例就是在构造器外部操作操作构造器内部的属性和方法。 实例的作用就是给Vue提供与其它js及其框架结合使用的接口。 进入实例阶段： 首先来看 Vue.js 搭配 jQuery 使用： 页面输出：jQuery操作DOM!，改变 ...

背景介绍：外派到泰康做项目。这个项目中有个选择组织的功能，是一个树桩结构的懒加载，于是我就element-ui的tree组件封装了一个公共的组件。 但是后来发现他们的公司组织结构不是都请求的同一个接口，于是想着组件里面给加个url参数就可以了。但是他们的人 ...

1.前言： <keep-alive>是vue实现的一个内置组件，也就是说vue源码不仅实现了一套组件化的机制，也实现了一些内置组件。 <keep-alive>官网介绍如下：<keep-alive>是Vue中内置的一个抽象组件，它自身不会渲染一个 DOM 元素 ...

vue中强大的缓存机制之keep-alive 　　最近在用vue做项目，在切换页面时发现切换回原来的页面无法保存原来的状态。 如A页面需要ajax请求数据，然后切换到B页面做某些事情，再切换回A页面时，A页面又再请求数据，但是作为前端，性能优化时必须要考虑的，并且，vue构建的单页面应用，大多数 ...