摘要: 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)
摘要: 在vuex开始之前 我们得 新建一个脚手架 通过 vue init webpack 名字 自己写 然后 我们 可以在app.vue 来实现 vuex的操作指令 这里是一个案列 在这里 我们先 说一下 vuex是什么 1 state:存储状态(变量) 2 getters:对数据获取之前的再次编译,可以 阅读全文
posted @ 2019-08-20 21:16 前端xh 阅读(187) 评论(0) 推荐(0)
摘要: reduce() 接受一个函数作为累加器,数组中的每个值(从左到右)开始合并,最终一个值。 array.reduce(callback.initialValue) 4个参数 1.callback:执行数组中每个值的函数(也可以叫做reducer),包括4个参数。 2.previousValue:上一 阅读全文
posted @ 2019-07-10 16:16 前端xh 阅读(292) 评论(0) 推荐(0)
摘要: 类的由来。 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的 模板。通过class关键字,可以定义类。 基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编 程的语法而 阅读全文
posted @ 2019-07-09 14:58 前端xh 阅读(605) 评论(0) 推荐(0)