随笔分类 - 5、VUE笔记
VUE +Element 关于项目中遇到的问题及笔记
摘要：bpmn-js 是 BPMN 2.0 呈现工具包和 Web 建模器。它是用 JavaScript 编写的，将 BPMN 2.0 图表嵌入到现代浏览器中，并且不需要服务器后端。这样可以轻松将其嵌入到任何 Web 应用程序中。 该库以既可以查看器又可以是 Web 建模器的方式构建。使用 viewer 将
阅读全文
摘要：router没有提供清空数据的方法。我们可以这样写 this.$router.replace({path: '/login'});location.reload();
阅读全文
摘要：监听vuex数据的方法 1首先在computed中把数据返回 computed: { contractFile() { return this.$store.state.user.contractFile } }, 2然后在watch中监听 并操作 immediate:true代表如果在wacth里
阅读全文
摘要：在vue中会使用很多子组件，有时因为组件的类型的等原因会导致数据监听不到的情况 1、首次监听不到时 可以使用immediate方法，其值是true或false；immediate:true代表如果在wacth里声明了之后，就会立即执行里面的handler方法 watch: { contractFil
阅读全文
摘要：https://blog.csdn.net/rs_90/article/details/105404319 路由懒加载
阅读全文
摘要：参考： 源码：vuejs/vue-router v2.2.1 - github 文档：vue-router 官方中文教程 参考博客 ：http://cnodejs.org/topic/58d680c903d476b42d34c72b VueRouter包括三个主要组成部分 —— VueRouter、
阅读全文
摘要：一、普通store中使用mapState、mapGetters辅助函数： 在src目录下建立store文件夹： index.js如下： import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state={//要设
阅读全文
摘要：<template> <div class="content" ref="bgColor"> <div class="box"> <div class="swiper-container " @mouseover="mouseOver()" @mouseleave="mouseOut()"> <di
阅读全文
摘要：配置vuex并使用 安装vuex: npm install --save-dev vuex 在src目录下创建store文件夹 store文件夹下文件 index.js,state.js,getters.js,mutations.js,actions.js index.js文件中需要引入vue 和
阅读全文
摘要：版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/hsl0530hsl/article/details/78594973中文官方网站基本使用教程 安装可以全局安装，也可以在项目下面安装。 如下
阅读全文
摘要：https://www.cnblogs.com/ZaraNet/p/10209226.html
阅读全文
摘要：原文地址 https://www.jianshu.com/p/60db6cf91a69 在main.js中设置全局函数： 在页面使用时： //禁止主页面滑动this.noScroll() //主页面可滑动this.canScroll()因为当初是在苹果手机上的测试的，但是在安卓手机发现有些限制，于是
阅读全文
摘要：开发移动端页面的时候有一个很比较常见的需求，在出现弹窗时，禁止滑动弹窗后面的主体页面。如何实现呢，往下看 js实现整个页面禁止滚动： passive是干吗用的呢，设置该属性的目的主要是为了在阻止事件默认行为导致的卡顿。等待监听器的执行是耗时的，有些甚至耗时很明显，这样就会导致页面卡顿。即便监听器是个
阅读全文
摘要：https://blog.csdn.net/qq_30455841/article/details/78666571
阅读全文
摘要：使用axios首先要下载axios模块包 其次需要在使用的文件中引入 一、调用axios常见两种方法(此处使用easy-mock模拟数据接口)： 注意： 方法一中向后台发送数据时： 二、自定义请求实例 使用自定义请求实例时需要先创建对象 使用transformRequest将数据格式改为key=va
阅读全文
摘要：当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中 所以，不推荐v-if和v-for同时使用 使用推荐方式： 或者：放在计算属性遍历 当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着
阅读全文
摘要：在diff算法中，他只会对同级的dom元素进行比较，例如： 改变后： 这个时候最好的解决方法是将原来的<span>标签移动到改变后的位置，但diff算法不这么做，它首先会比较每一层的变化，就如上面的例子，他的做法是把第三层的<span>标签先删掉，再在第二层里创建一个<span>.那么在同层比较中：
阅读全文
摘要：开发过程中，props 的使用有两种写法： // 字符串数组写法 const subComponent = { props: ['name'] } // 对象写法 const subComponent = { props: { name: { type: String, default: 'Kobe
阅读全文
摘要：具名插槽 在 2.6.0+ 中已弃用 先前，我们使用具名插槽来自定义模板内容，例如，一个假设的 <base-layout> 组件的模板如下： <div class="container"> <header> <slot name="header"></slot> </header> <main> <
阅读全文
摘要：VUE 数据发生变化后，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发，只会被推入到队列中一次在下一个的事件循环“tick”中，Vue 刷新队列并执行实际 (已去重的) 工作。为了在数据变化之后等待 Vue 完成更新 DOM ，可以在数据变化
阅读全文
浙公网安备 33010602011771号