Vue
本专栏, 主要记录Vue的相关基础知识, 进阶知识, 以及工作中经常遇到的问题作为记录和学习.
ProbeGene
路漫漫其修远兮, 吾将上下而求索...
展开
-
最全Vue组件间通信方式总结,Vue组件化
文章目录Vue组件化, 组件间通信方式1.0 父子组件之间通信1.1 父传子1.1.1 `props` 方式传参.1.1.2 自定义函数传参1.2 子传父1.2.1 `ref` 实现: 父组件访问子组件数据1.2.2 `$children`实现: 父组件访问子组件数据1.2.3 `$emit`事件派发与监听2.0 兄弟组件之间的通信2.1 `$emit` 和 `$on` , 通过共同父组件实现兄弟组件通信2.2 `$bus` 事件总线的方式实现兄弟组件通信2.3 通过 PubSub.js 实现任意组件间通原创 2020-05-27 14:12:52 · 310 阅读 · 0 评论 -
Vue项目中关闭eslint 检查在控制台的警告
去掉Vue项目中eslint检查控制台的警告信息在Vue脚手架2创建的项目中, 有时候安装的 eslint会经常莫名其妙报一些警告, 控制台有时候也会出现一些多余的警告信息影响我们观察控制台信息, 我们可以通过在 项目的 .eslintrc.js 文件中配置如下 rules的配置来去掉控制台及项目中的一些警告信息// https://eslint.org/docs/user-guide/configuringmodule.exports = { root: true, parserOpt原创 2020-05-11 23:09:55 · 4951 阅读 · 0 评论 -
Vue基础详细内容, 指令,事件, Class和style样式操作
文章目录Vue基础相关内容1.0 Vue的模板相关语法1 插值2. 强制数据绑定3. 事件监听4. 计算属性5. 监视6. Vue中class样式的操作7. Vue中 style 样式的操作8. v-if 和 v-show 指令9. v-for 指令10.0 事件参数对象传递11.0 事件修饰符和按键修饰符12.0 Vue的生命周期相关的方法13.0 过滤器自定义指令自定义插件自定义指令自定义插件Vue基础相关内容1.0 Vue的模板相关语法1 插值Vue 中通过插值语法来显示数据插值语法是在h原创 2020-05-11 23:06:49 · 583 阅读 · 0 评论