[vue] DataV 组件
http://datav.jiaminghi.com/guide/ ...
VUE动态组件component以及
component 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content...
详解vue组件的keep-alive
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 <keep-alive> 与 <transition>相似，只是...
Vue table使用transition组件过渡动画
<table> <thead> <tr> <td>check</td> <td>name</td> ...
Vue过渡（动画）- transition组件
Vue过度(动画)，本质走的是CSS3：transtion，animation。 控制器div显示/隐藏，代码如下： <div id="box"><input type="button" value="按钮" @click="toggle"><div id="d...
vue全局组件局部组件的使用
首先注意确保在初始化根实例之前注册组件，通俗来讲就是先注册组件，之后再创建vue实例，实例要在注册组件之后创建 使用Vue.component 注册全局组件 创建vue实例 组件注册之后何以作为自定义元素在一个实例模板中使用 使用components注册局部组件 首先声明一个组件模板字符串 ...
Vue组件之全局组件与局部组件
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。个人认为就是一个可以重复利用的结构层代码...
Vue 局部组件和全局组件的使用
1 <template> 2 <div id="app"> 3 <!--<img alt="Vue logo" src="./assets/logo.png">--> 4 <!--<HelloWorld m...
vue（3）—— vue的全局组件、局部组件
组件 vue有局部组件和全局组件，这个组件后期用的会比较多，也是非常重要的 局部组件 template与components属性结合使用挂载 其中 Vmain、Vheader、Vleft、Vcontent都是局部组件，Vheader、Vleft、Vcontent是一起挂载在Vmain组...
vue 全局/局部组件
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="js/vue.js"></script></...
vue-learning：27 - component - 组件三大API之二：event
组件三大API之二： event 在上一节中讲到prop单向下行数据绑定的特征，父组件向子组件传值通过prop实现，那如果有子组件需要向父组件传值或其它通信请求，可以通过vue的事件监听系统(触发事件，执行监听回调函数，并且可以在回调函数中接受传参）。 Vue内置了一套完整的事件触发器逻辑： v-o...
vue-learning：34 - component - 内置组件 - 缓存组件keep-alive
vue内置缓存组件keep-alive <keep-alive>标签内包裹的组件切换时会缓存组件实例，而不是销毁它们。避免多次加载相应的组件,减少性能消耗。并且当组件在 <keep-alive>内被切换，它的 activated 和 deactivated 这两个生命周期钩子...
vue的动画组件（transition）
当插入或删除包含在 transition 组件中的元素时，Vue 将会做以下处理： 自动嗅探目标元素是否应用了 CSS 过渡或动画，如果是，在恰当的时机添加/删除 CSS 类名。 v-enter: 定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。v-enter-active: 定义过渡的...
vue-learning：32 - component - 异步组件和工厂函数
异步组件 只有在这个组件需要使用的时候才从服务器加载这一个组件模块，用于渲染，并且会把结果缓存起来供未来复用。 实现方法： 组件定义的时候，以一个工厂函数的形式传入，在需要组件的执行这个函数，然后将组件选项作为结果返回，vue拿到返回的结果再构建组件。 // 常规的组件定义Vue.component...
Vue过渡（动画）- transition组件
Vue过度(动画)，本质走的是CSS3：transtion，animation。控制器div显示/隐藏，代码如下： <div id="box"><input type="button" value="按钮" @click="toggle"><div id="div...
浅谈 Vue3 组件通信
前言大家好，我是CoderBin，本次又来到了Vue的专题-组件通信。毫无疑问，组件通信是Vue中非常重要的技术之一，它的出现能够使我们非常方便的在不同组件之间进行数据的传递，以达到数据交互的效果。所以，学习组件通信技术是非常有必要的，本文将总结Vue中关于组件通信的八种方式，帮助大家在使用Vue的...
vue关于父组件调用子组件的方法
我们都知道通过$ref可以获取到某个DOM，但是它也可以用来获取子组件的实例，调用子组件的方法 例： 子组件： <template> <div></div></template><script> export default {...
Vue父组件调用子组件的方法
父组件 <template> <div id="app"> <button @click="start">点击</button> <Pirate ref="pirate" msg="加勒比海盗"/> </div...
vue-learning：33 - component - 内置组件 - 过渡组件transition
vue内置过渡组件transition 目录 什么是过渡 基本过渡或动画实现的语法 css过渡动画：transition / animation js过渡：特定事件钩子函数 各种情形下的过渡实现，使用<transition> 初始渲染过渡动画, appear ...
vue中 keep-alive 组件的作用
原文地址 在vue项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结果列表,这时候就需要用到vue的keep-alive技术了. keep-alive 简介 k...