随笔分类 -  Vue

Vue知识点之——provide和inject
摘要：一、概念解析 成对出现：provide和inject是成对出现的 作用：用于父组件向子孙组件传递数据 使用方法：provide在父组件中返回要传给下级的数据，inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。 使用场景：由于vue有$parent属性可以让子组件访问父组件。但孙组 阅读全文
posted @ 2021-01-26 16:49 月上弯 阅读(603) 评论(0) 推荐(0)
Vue知识点——.sync修饰符
摘要：.sync修饰符 一个组件上只能定义一个v-model，如果其他prop也要实现双向绑定的效果该怎么办呢？ 简单的方法是子组件向父组件发送一个事件，父组件监听该事件，然后更新prop。具体如下： // info.vue组件定义了一个value 属性， 和一个valueChanged事件 <templ 阅读全文
posted @ 2020-10-16 10:17 月上弯 阅读(358) 评论(0) 推荐(0)
Vue知识点——$listeners
摘要：首先，$listeners是什么？ // Parent <template> ... <child v-on:event-one="methodOne" v-on:event-two="methodTwo" /> ... </template> 那么你在使用Child时，传入的所有v-on事件都可以 阅读全文
posted @ 2020-10-16 10:15 月上弯 阅读(1045) 评论(0) 推荐(0)
Vue知识点—— $attrs
摘要：vue官网是这样介绍的： 包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件——在创 阅读全文
posted @ 2020-10-16 10:01 月上弯 阅读(431) 评论(0) 推荐(0)
Vue之日历控件vue-full-calendar的使用
摘要：(1).安装依赖 npm install vue-full-calendar npm install moment 因为这是日历插件用到了时间工具类 moment (2).文件中导入依赖 在想要用此插件的文件中导入依赖 import { FullCalendar } from 'vue-full-c 阅读全文
posted @ 2020-09-02 11:04 月上弯 阅读(10259) 评论(1) 推荐(0)
vue中style scope深度访问新方式(::v-deep)
摘要：1、>>> 如果vue的style使用的是css，那么则 <style lang="css" scoped> .a >>> .b { /* ... */ } </style> 但是像scss等预处理器却无法解析>>>，所以我们使用下面的方式. 2、/deep/ <style lang="scss" 阅读全文
posted @ 2020-09-02 09:20 月上弯 阅读(1143) 评论(0) 推荐(0)
Vue给quill-editor组件中的工具栏添加title
摘要：前言：quill-editor组件中的工具栏都是英文，而且最难受的时没有title提示，要怎样给他添加title，并且是中文的title提示呢？ 一、创建一个quill-title.js文件 const titleConfig = { 'ql-bold':'加粗', 'ql-color':'字体颜色 阅读全文
posted @ 2020-09-02 09:03 月上弯 阅读(923) 评论(0) 推荐(0)