摘要:
v-enter: 定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除。v-enter-active: 定义进入过渡的结束状态。在元素被插入时生效,在 transition/animation 完成之后移除。v-leave: 定义离开过渡的开始状态。在离开过渡被触发时生效,在下一个帧移除。v- 阅读全文
posted @ 2019-08-21 20:42
前端xh
阅读(259)
评论(0)
推荐(0)
摘要:
单个插槽|匿名插槽 1.1 <navigation-link> 子组件定义为: 1.3渲染出来的 HTML 将会是: 2.具名插槽 需要多个插槽时,可以利用<slot> 元素的一个特殊的特性:name来定义具名插槽 2.1<base-layout>子组件模板定义: 2.2.1父组件使用子组件<bas 阅读全文
posted @ 2019-08-21 20:05
前端xh
阅读(497)
评论(0)
推荐(0)
摘要:
beforecreate:实列创建之前。created:实列创建完成。beforeMount:挂载开始之前被调用。mounted:实列挂载到Dom上beforeupdate:响应式数据更新时调用updated:虚拟dom重新渲染和打补丁之后调用beforedestroy :实列销毁之前调用destr 阅读全文
posted @ 2019-08-21 19:12
前端xh
阅读(1914)
评论(1)
推荐(0)
摘要:
在vue中,可以使用props想子组件传递数据 子组件部分 header.vue 这是header.vue的html部分,logo是在data中定义的变量。 如果需要从父组件app.vue获取logo的值,就需要在header.vue子组件中添加props: ['logo'] 在 props 中添加 阅读全文
posted @ 2019-08-21 17:28
前端xh
阅读(169)
评论(0)
推荐(0)
摘要:
v-bind 可以实现动态数据绑定。 对于html标签的text,value等属性,Vue里面提供了v-text、v-model去绑定。但是对于除此之外的其他属性呢,这就要用到接下来要讲的v-bind指令了。博主的理解是v-bind的作用是绑定除了text、value之外的其他html标签属性,常见 阅读全文
posted @ 2019-08-21 14:55
前端xh
阅读(7400)
评论(0)
推荐(0)
摘要:
1.v-on 监听DOM事件,并在触发时运行一些javascript代码 v-on:简写@ v-on还可以接收一个需要调用的方法名称 所有的方法都需要放到methods对象里面,再进行调用 内联处理器中的方式 除了直接绑定到一个方法,也可以在内联javascript语句中调用方法 <button v 阅读全文
posted @ 2019-08-21 14:18
前端xh
阅读(1017)
评论(0)
推荐(0)
摘要:
vue: vue里面为我们提供的常用的指令主要有一下一些 v-text v-html v-if v-show v-else v-for v-on v-bind v-model v-pre v-cloak v-once 下面将一些常用的指令以分组的形式分别结合demo来进行解释 1.v-text,v- 阅读全文
posted @ 2019-08-21 13:13
前端xh
阅读(2167)
评论(0)
推荐(0)