随笔分类 - Vue2
摘要：又说Vue3支持template可以不写根标签 transition使用组件动画又报这种组件必须含根标签 大无语 解决办法： 给每个view组件加回根标签div
阅读全文
摘要：vscode扩展商店Path Intellisense为我们提供了使用./的方式拥有路径提示 而vue项目使用@符号时候就需要在配置一次 打开设置 - 首选项 - 搜索 Path Intellisense - 打开 settings.json ，添加 "path-intellisense.mappi
阅读全文
摘要：methods stopF5Refresh() { document.onkeydown = function (e) { var evt = window.event || e; var code = evt.keyCode || evt.which; //屏蔽F1 F12 if (code >
阅读全文
摘要：做的第二版聊天室demo来玩，比第一版新增socket.io加入房间功能 基于前端：vue2+buefy（超喜欢这个ui，虽然没中文文档）+简单媒体查询响应式 服务端：node+express+socket.io（很优秀的第三方api） 只记录下自己的聊天室图片上传主要代码 template部分 上
阅读全文
摘要：场景：使用transition标签v-if或v-show搭配animate.css实现动画效果 解决如下问题 1. 闪动 2.上一标签还未退出完毕下一个就出来 1.加mode="in-out" 或mode="out-int" 2.给你transition标签外在加一层div给上相对定位positio
阅读全文
摘要：第一步：在src/utils目录下创建文件bus.js // 专门用来传递传递消息 import Vue from 'vue' export default new Vue() 注：公共文件bus.js专门用来传递消息 第二步：数据发送方Child.vue <template> <div> <h1>
阅读全文
摘要：this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变
阅读全文
摘要：https://blog.csdn.net/wandoumm/article/details/80259908
阅读全文
摘要：v-slot 指令自 Vue 2.6.0 起被引入，提供更好的支持 slot 和 slot-scope 特性的 API 替代方案:https://cn.vuejs.org/v2/guide/components-slots.html 1.单个插槽 | 匿名插槽 1.1<navigation-link
阅读全文
摘要：父子组件加载顺序父 beforeCreate父 created父 beforeMount子 beforeCreate子 created子 beforeMount子 mounted父 mounted 子组件若有 props 的话更新顺序是四步，若无的话两步不触发父亲的钩子。父 beforeUpdate
阅读全文
摘要：Vue生命周期方法分类 ① 创建期间的生命周期方法 beforeCreate created beforeMount mounted ② 运行期间的生命周期方法 beforeUpdate updated ③ 销毁期间的生命周期方法 beforeDestroy destroyed ④使用了 keep-
阅读全文
摘要：转载：https://www.jianshu.com/p/c4a87e1b4ef7 Vue指令大全 1. v-text v-text主要用来更新textContent，可以等同于JS的text属性。 <span v-text="msg"></span> 这两者等价： <span>{{msg}}</s
阅读全文
摘要：2种方式解决vue路由跳转未匹配相应路由避免出现空白页面或者指定404页面 1、路由全局守卫 在做项目的时候，遇到需要做路由跳转，但当用户输入错误url地址，或是其它非法url路由地址，我们或许会想到跳转至404页面。不管你有没有写一个404页面，当出现未匹配路由都需重新指定页面跳转。可能大家首先想
阅读全文
摘要：vue-router传递参数的几种方式 这篇文章不好 vue路由传参的三种基本方式 vue路由中router，path与name，params与query的区别梳理 一、r o u t e r 和 router和router和route的区别 $router : 是路由操作对象，只写
阅读全文
摘要：https://www.cnblogs.com/SamWeb/p/6610733.html
阅读全文
摘要：我们在style lang="scss"时经常用scoped属性实现组件样式私有化的时候，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，比如: .conBox /deep/ .el-input__inner{ padding:
阅读全文
摘要：一、Get 一般情况下，我们只是使用了computer中的gettter属性，默认只有 getter，我们只是单纯的使用了gettter属性 就像下面的例子 二、Set 只有当computed监测的值变化的时候，也就是我下面例子中的fullName变化的时候，set才回被调用 <div class=
阅读全文
