会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
金天黑日
Powered by
博客园
博客园
|
首页
|
新随笔
|
联系
|
订阅
|
管理
上一页
1
···
8
9
10
11
12
13
14
15
16
···
31
下一页
2022年7月25日
Vue32 插槽
摘要: 1 简介 是一种组件间通信的方式,让父组件可以向子组件指定位置插入 html 结构。子组件中的提供给父组件使用的一个占位标签,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签。简单理解就是子组件
阅读全文
posted @ 2022-07-25 17:06 金天黑日
阅读(69)
评论(0)
推荐(0)
编辑
2022年7月22日
Vue31 消息订阅和发布
摘要: 1 简介 组件之间的通信除了使用事件总线之外,还可以使用一些插件来通过消息的订阅和发布来实现。pubsub-js就是一个不错的选择。 2 使用 2.1 安装 npm i pubsub-js # 或 yarn add pubsub-js 2.2 引入 分别在发布消息(提供数据)的组件和订阅消息(获取数
阅读全文
posted @ 2022-07-22 15:45 金天黑日
阅读(120)
评论(0)
推荐(0)
编辑
2022年7月21日
Vue30 过度与动画
摘要: 1 简介 Vue封装的过度与动画,插入、更新或者移除 DOM 时,在合适的时候给元素添加样式类名,达到应用过渡和动画效果。 2 vue内置的样式 Vue在元素显示与隐藏的过渡中,提供了 6 个 class 来切换: 1)v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的
阅读全文
posted @ 2022-07-21 17:30 金天黑日
阅读(94)
评论(0)
推荐(0)
编辑
Vue29 $nextTick
摘要: https://www.jianshu.com/p/f1906903b609 1 介绍 Vue 在修改数据之后,视图不会立即更新,而是等待同一事件循环中的所有数据变化完成之后,再统一进行视图更新。而 nextTick 的触发时机就是在重新渲染完毕后 官方说明:在下次DOM更新循环结束之后执行延迟回调
阅读全文
posted @ 2022-07-21 16:50 金天黑日
阅读(37)
评论(0)
推荐(0)
编辑
2022年7月20日
Vue29 自定义事件及消息总线
摘要: 1 简介 组件自定义事件是一种组件间的通信方式,方向是 子组件 >父组件。 使用场景:A是父组件,B是子组件,如果要把B的数据传给A,可以使用props加回调函数实现或者自定义事件实现。 2 自定义组件 主要分为两个步骤:1绑定事件回调函数 2触发事件 2.1 绑定事件回调函数 它有两种写法 1)在
阅读全文
posted @ 2022-07-20 17:04 金天黑日
阅读(162)
评论(0)
推荐(0)
编辑
Vue28 Web Storage
摘要: https://www.jianshu.com/p/513f6949fc25 1 简介 Web Storage 包括 localStorage 和 sessionStorage ,是浏览器本地数据存储的另一个方案,最开始提出来是为了弥补 Cookie 本地化数据存储的缺陷(存储量小、每次请求都会携带
阅读全文
posted @ 2022-07-20 15:25 金天黑日
阅读(27)
评论(0)
推荐(0)
编辑
2022年7月19日
Vue27 scoped样式
摘要: https://www.jianshu.com/p/d80383251fc5 1 简介 当我们在组件中写样式,vue最后会把所有样式合在一起,如果样式名称重复的话就会有问题 style标签上加scoped属性, 组件内的样式只在当前vue组件生效,实现组件的私有化,不对全局造成样式污染,表示当前st
阅读全文
posted @ 2022-07-19 16:09 金天黑日
阅读(41)
评论(0)
推荐(0)
编辑
Vue 26 plugins
摘要: 1 简介 它是用来增强vue的。它是包含install方法的一个对象,install的第一个参数是Vue,第二个以后参数是插件使用者传入的参数 插件里面可以配置全局过滤器、全局指令、混入、Vue原型上添加方法属性等 2 定义一个插件 1)plugin.js export default { inst
阅读全文
posted @ 2022-07-19 15:50 金天黑日
阅读(33)
评论(0)
推荐(0)
编辑
Vue25 mixin
摘要: 1 简介 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 简单来说,就是把组件的某些配置可以抽取出来,达到复用的效果。比如几个组件都用到一个方法,就可以把
阅读全文
posted @ 2022-07-19 15:34 金天黑日
阅读(23)
评论(0)
推荐(0)
编辑
Vue 24 props
摘要: 1 简介 props主要用于组件的传值,他的工作就是为了接收外面传过来的数据,与data、el、ref是一个级别的配置项 2 一个简单示例 1)StudentComp.vue <template> <div> <h1>{{stname}}</h1> <h1>{{age}}</h1> </div> <
阅读全文
posted @ 2022-07-19 14:55 金天黑日
阅读(29)
评论(0)
推荐(0)
编辑
上一页
1
···
8
9
10
11
12
13
14
15
16
···
31
下一页