java1234开源博客系统
最新博客
  • 2025年07月14日 vue.js父子组件方法传递及回调 摘要: vue.js父子组件方法传递及回调开发的时候经常会遇到子组件需要调用父组件方法,来实现业务逻辑;这时候我们常用的方式是父组件直接传一个方法给子组件,然后子组件调用父组件传来的方法;改造下前面的案例:父组件App.vue;methods:{ addMenu(menu){ this.menus.push(men... QQ鎴浘20190716210439.jpg    QQ鎴浘20190716210756.jpg    发表于 2025-07-14 20:46 阅读(4478) 评论(0)

  • 2025年07月14日 自定义事件实现父子组件交互 摘要: 自定义事件实现父子组件交互前面我们父组件通过传递方法对象,来实现子组件调用父组件,我们也可以通过自定义事件来实现;主要通过:this.$emit('myEvent')我们修改下前面的案例:@addMenu="addMenu" 绑定事件;因为我们去掉了 传值,所以Menu.vue子组件里 prop里去掉以及t... QQ鎴浘20190717122633.jpg    QQ鎴浘20190717122752.jpg    QQ鎴浘20190717122903.jpg    发表于 2025-07-14 20:46 阅读(4119) 评论(0)

  • 2025年07月14日 es6 Class类 摘要: es6 Class类在ES6中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。class 的本质是 function。它可以看作一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法类定义class 以及 构造方法 constructor// 通过class定义类class... QQ鎴浘20190719133450.jpg    QQ鎴浘20190719133633.jpg    发表于 2025-07-14 20:46 阅读(3484) 评论(0)

  • 2025年07月14日 vue消息订阅与发布组件Pubsub 摘要: vue消息订阅与发布我们前面讲了父子组件之间通过prop来实现消息传递;但是再其他情况,比如兄弟组件,爷孙组件消息传递时候,就要用到高级的消息订阅与发布;首先我们安装下消息订阅与发布pubsub组件;npm install --save pubsub-js然后我们来改造下前面的案例;1,App.vue里订阅消... 发表于 2025-07-14 20:46 阅读(5155) 评论(0)

  • 2025年07月14日 vue slot插槽 摘要: vue slot插槽vue slot插槽vue slot插槽我们前面讲过传值,今天讲的是可以直接传一个标签,通过slot插槽实现;主要作用:某一个区块,先占位,然后可以动态的搞个标签进去,方便切换该位置的内容,无需再搞多个页面;原先的demo里,加个 Foot.vue;然后App.vue里动态的设置标签内容,... QQ鎴浘20190722200743.jpg    发表于 2025-07-14 20:46 阅读(4312) 评论(0)

  • 2025年07月14日 es6 Promise 对象 摘要: es6 Promise 对象es6 Promise 对象是异步编程的一种解决方案。(再javascript世界里,是单线程顺序执行的)从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 异步操作有三种状态:pending(进行中)、fulfilled(已成功)和 rejecte... QQ鎴浘20190723122120.jpg    QQ鎴浘20190723142627.jpg    发表于 2025-07-14 20:46 阅读(3944) 评论(0)

  • 2025年07月14日 Ajax框架vue-resource&axios 摘要: vue的ajax框架有vue-resource和axios;vue-resource插件非官方库,目前vue1,2都支持;axios是ajax通用请求库,vue官方推荐;我们先来看下vue-resource ;主页:https://github.com/pagekit/vue-resource安装下vue-r... 发表于 2025-07-14 20:46 阅读(5681) 评论(0)

  • 2025年07月14日 es6 Generator函数 摘要: es6 Generator函数Generator函数是es6提供的解决异步编程的方案之一;Generator函数是一个状态机,内部封装了不同状态的数据;// generator定义 function后面跟个*号function* myGenerator(){ console.log('业务逻辑A') yiel... QQ鎴浘20190725164314.jpg    QQ鎴浘20190725164507.jpg    QQ鎴浘20190725171314.jpg    发表于 2025-07-14 20:46 阅读(4721) 评论(0)

  • 2025年07月14日 vue 过渡&动画 摘要: vue 过渡&动画vue提供了vue 过渡&动画支持,用起来非常简单;直接用transition标签 然后再定义样式即可;在进入/离开的过渡中,会有 6 个 class 切换。v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。v-enter-active:定义进入过渡... 发表于 2025-07-14 20:46 阅读(5110) 评论(0)

  • 2025年07月14日 vue Router路由基本使用 摘要: vue Router路由基本使用vue Router路由组件是vue的核心组件;平时我们通过路由组件来实现导航菜单以及各种页面切换;vue Router路由组件安装;我们用vue-cli初始化的时候,可以选择添加vue Router;也可以单独 执行 npm install vue-router --save... QQ鎴浘20190727224002.jpg    QQ鎴浘20190727224442.jpg    QQ鎴浘20190727224634.jpg    发表于 2025-07-14 20:46 阅读(6034) 评论(0)

关注Java1234微信公众号
博主信息
Java1234_小锋
(知识改变命运,技术改变世界)
友情链接
Powered by Java1234 V3.0 Copyright © 2012-2016 Java知识分享网 版权所有