十月梦想博客

Vue.js

Vue使用animation.css动画库

阅读(1835)评论(0)

看一下上次的代码,最基础的把需要实现动画的代码块放在transition组件内<div id="app">     <transition           &nbs...

Vue.js

Vue过渡动画实现

阅读(837)评论(0)

实现一个点击切换元素的隐藏和显示状态!<div id="app">     <transition>         <p v-if="show"...

Vue.js

Vue动态组件绑定和v-once

阅读(368)评论(0)

如何实现一个组件的切换显示呢?动态组件前台控制两个组件使用v-if条件渲染,给一个按钮一个切换方法<child-one v-if="type=='child-one'" v-once></child-one> <child-two v-if="type...

Vue.js

Vue作用域插槽

阅读(662)评论(0)

前面我们说了插槽的内容替代可以使用slot进行,根据不同name的插槽修改内容,但有时候我们希望复用的插槽样式也不近相同要从父组件传递!那么就引入了局部插槽!我们利用v-for插槽使用!定义一个插槽Vue.component('child',{     template:`   ...

Vue.js

vue非父子通讯(BUS/总线机制/订阅者模式)

阅读(812)评论(0)

前面我们讲述的是父子间的数据通讯,那么这里就来介绍非父子间通讯!之前的发布的《一天带你入门到放弃vue.js(二)》中介绍了使用Event调度器来实现传递,这里介绍另一种BUS总线方式传递!我们来定义一个组件,组件的展示内容由自身的属性传递<son msg="dell" ></son> <...

Vue.js

Vue入门基础之组件插槽(slot)使用

阅读(512)评论(0)

组件的内容一般是在子组件中直接声明的,那么我们能不能再父组件进行自己去定义内容进行渲染呢?当然是可以的,slot就提供了极大的便利!下面看一下slot用法!定义一个cont的组件Vue.component('cont',{     template:`     ...

Vue.js

Vue基础组件还原原生事件

阅读(305)评论(0)

在前面几节我们介绍过父级组件的一些方法需要考组件内的方式监控反馈给父级组件,而父级组件及时使用@click等原生方法也被默认是自定义组件,如何还原组件上的原生方法呢?很简单?在事件后面加上.native组件调用原生点击事件<alert @click.native="tc"></alert>事件调用函数直接...

Vue.js

vue入门基础详解之父子通讯

阅读(292)评论(0)

父子间通讯<!--父-子传递--> <parent con="你好(父传子)"></parent>定义的组件Vue.component('parent',{     props:['con'],  &nbs...

©2017 - 2019 十月梦想  |   豫ICP备号19025867-2


正在加载中……
sitemap