清和时光

摘要： 时间戳实际就是当前时间距离1970年1月1日0点0时0分0秒（转换成北京时间是1970年1月1日8点0时0分0秒）距离你要计算的时间的秒数或者毫秒数 一般来说：我们用的时间戳到秒的话是10位，到毫秒的话是13位 ###一、时间time与秒时间戳之间转换 1、把时间time转换成秒时间戳 ``` Da 阅读全文

摘要： ###一、作用： 让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 > 子组件 。 ###二、分类： 默认插槽、具名插槽、作用域插槽 ###三、使用方式： ####1、默认插槽： 子组件中（插槽组件）： <template> <div> <!-- 定义插槽 -- 阅读全文

摘要： 后续更新 1.onclick：点击事件 2.ondbclick：双击事件 3.onmousedown：鼠标按下事件 4.onmouseup：鼠标松开事件 5.onmouseenter：鼠标移入事件（不支持冒泡，只触发一次） 6.onmouseover：鼠标被移动事件（支持冒泡，只触发一次） 7.on 阅读全文

摘要： ###一、定义： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数（也算是一个生命周期钩子函数了） ###二、nextTick() 使用原理 Vue是异步执行dom更新的，一旦观察到数据 阅读全文

摘要： 常用的父子组件通信方式都是父组件绑定要传递给子组件的数据，子组件通过props属性接收，一旦组件层级变多时，采用这种方式一级一级传递值非常麻烦，而且代码可读性不高，不便后期维护。 vue提供了provide和inject帮助我们解决多层次嵌套嵌套通信问题。在provide中指定要传递给子孙组件的数据 阅读全文

摘要： ###一、 安装pubsub npm i pubsub-js ###二、 import引入 import pubsub from 'pubsub-js' ###3、订阅 接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身 methods(){ demo(data){..... 阅读全文

摘要： ###全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信 ###安装全局事件总线 main.js入口文件配置 new Vue({ ...... beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线，$bus就 阅读全文

摘要： ###插件 是自包含的代码，通常向 Vue 添加全局级功能。它可以是公开 install() 方法的 object，也可以是 function 功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数 定义一个插件文件一般 阅读全文

摘要： ###混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 以上图片圈里的方法完全一样就可以写成混入 ###具体例子 const baseMixin = { d 阅读全文

摘要： ###一、自定义一个学生组件：Student <template> <div> <h1>{{msg}}</h1> <h2>学生姓名：{{name}}</h2> <h2>学生性别：{{sex}}</h2> <h2>学生年龄：{{myAge+1}}</h2> <button @click="update 阅读全文