watch 结论1： watch需要侦听特定的数据源，可以是一个也可以是多个，在页面第一次加载时不运行函数，只有当监听的数据源改变时，才会运行此函数 结论2 watch监听一个对象的属性，首先监听的值要以函数返回值的形式进行传递监听，不同于vue2形式的监听，如下为对象属性5秒后改变，监听函数打印 结论3 监听多个数据源，是把需要监听的参数放在watch函数的数组中，但是如果是监听多个数据源的话，…
希望仿制出游戏PHigros的页面，没有任何功能，只是联系vue语法用 期末考试直接摆烂，能过就行好吧 一、成果展示 当然只是做出样子了，很多地方和自己想的还不一样 二、布局 整体采用flex布局加position定位 单位采用vh和vw 做这个页面最大的收获就是感觉布局上的熟练度增加了 三、滚动容器 点击三个点后会在右侧展开一个容器，选择背景图，超出容器的可以滚动出来。 使用样式overflow…
加上 scope d会导致 v-html 下绑定的标签样式不生效 解决方案： 定义两个style标签，一个加上scoped属性，一个不加上scoped属性 <style lang="less" scoped> .viewDetail { .tip { margin-bottom: 0.47rem; background: #e5f1fe; height: 0.8rem; font-si…
错误信息： ```js events.js:187 throw er; // Unhandled 'error' event ^ Error: listen EACCES: permission denied C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;D:\BookStore\n…
前因后果 重新迭代一个老项目(以前是阿里云集成的组件），据说是因为其他的不能方法不能再播放容器之上展示模块。反正我是不信 =。= ，于是周六折腾了一下午，想用 video.js 来实现，于是就有了这篇文章。一来做个记录（确实太坑了） ，二来也是希望对正在为直播头疼的小伙伴提供一些参考。 具体怎么弄好的忘得差不多了 贴一下主要代码吧 操作步骤 安装 vue-video-player npm inst…
采用element ui，一个表单中有上传组件upload，然后写了校验规则，当不上传图片时，会提示请上传图片，当上传图片后，提示不会消失代码如下： <el-form-item label="图标" prop="logo" required> <el-upload class="avatar-uploader" action="http://*****/upload" :show…
因为是自己写前端也要自己写接口,我使用的nodejs+express开的服务写接口 但是vue 项目 运行调试时会占用一个端口 而node开启服务也许要监听一个端口 两者虽然都是在一个ip地址,但是端口不同也就造成了跨域问题的出现 虽然可以在后端方面(node)通过安装cors包 解决,但是cors是指定对应的ip和域来访问,如果换个端口什么的,就还是会有跨域问题的出现,所以就想到了使用 vue …
传统Diff算法 传统Diff算法使用的是循环递归每一个节点，不区分层级 即顶层节点循环遍历新vnode的每个节点，这样会导致复杂度能达到O(n^3) Vue的Diff算法（Vue2.0） vue的diff算法使用了patch函数，类似打补丁 使用的是4指针算法，在新旧节点头尾定义指针位置进行遍历 ps：Vue3.0的diff算法借鉴了ivi算法和inferno算法 React的Diff算法 re…
一，VUE之生命周期钩子 生命周期 ？ 从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 概念图 钩子列表 Vue 组件的生命周期分为四个阶段，每个阶段有两个生命钩子 （1）创建阶段：创建之前（beforebeforeCreate），创建完毕（created） （2）挂载阶段：挂载之前（beforeMount），挂载完毕（mounted） （3）更新阶段：更…
❝ 两只黄鹂鸣翠柳，一堆bug上西天。 ❞ 每天上班写着重复的代码，当一个cv仔，忙到八九点，工作效率低，感觉自己没有任何提升。如何能更快的完成手头的工作，提高自己的开发效率，在上一篇《绝对干货~！学会这些Vue小技巧，可以早点下班和女神约会了》，小编整理了一些 Vue 开发技巧，今天小编又整理了一些新的 Vue 使用技巧。你们先加班，我先下班陪女神去逛街了。 PS: 为了方便大家阅读，小编在每一…