IT入门 > 教程 >

单向数据流

Prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是反过来不会另外，每次父组件更新时，子组件的所有 prop 都会更新为最新值。这意味着你不应该在子组件内部改变...

动态 Prop

你也知道 prop 可以通过 v-bind 动态赋值 div input v-model=parentMsg br child :my-message=parentMsg/child/div 如果你想把一个对象的所有属性作为 prop 进行传递，可以使用不带任何参数的 v-bind todo: { te...

组件传参

当一个值传递给一个 prop 特性的时候，它就变成了那个组件实例的一个属性。 child message=hello!/childVue.component(child, { // 声明 props props: [message], // 就像 data 一样，prop 也可以在模板中使用...

组件data

data 必须是一个函数 一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝： var counter = { template:`button @click=num++{{num}}/button`, data:function(){return {num...

自定义过渡的类名

wahta is 6942http://520mg.com/dede222/images/button_ok.gif...

CSS 动画

html div id=app button @click=flag=!flag切换/button div transition name=fade img src=img/sun.jpg height=260 v-show=flag alt= / /transition /div /div js new Vue({el:#app,data:{flag:true},}) css @keyframes fadeIn{ 0%{ opacity: 0; transform:...

简单动画列子

div id=demo button v-on:click=show = !show 切换 /button transition name=fade p v-if=showhello/p /transition/div new Vue({ el: #demo, data: { show: true }}) .fade-enter-active, .fade-leave-active { transition: opacity .5s;}.fade-enter, .fa...

动画组

p>怎么同时渲染整个列表，比如使用 v-for ？在这种场景中，使用 组件 不同于 transition ，它会以一个真实元素呈现：默认为一个 span 。你也可以通过 tag 特性更换为其他元素。 过渡模式不...

动画模式

同时生效的进入和离开的过渡不能满足所有要求，所以 Vue 提供了 过渡模式 in-out ：新元素先进行过渡，完成之后当前元素过渡离开。 out-in ：当前元素先进行过渡，完成之后新元素过渡...

过渡的类名

v-enter ：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active ：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入...