随笔分类 - vue
摘要：节流： 含义：顾名思义，节流就是在一定的时间内同一事件无论触发多少次，对应的事件处理函数都只是每间隔规定事件执行一次； 使用场景：比较适用于搜索框的模糊查询、滚动条变化等； 防抖： 含义：防抖就是在一定的时间内同一事件无论触发多少次，对应的事件处理函数都只执行最后一次； 使用场景：比较适用于通过正则
阅读全文
摘要：父组件内部具体写法： <template> <div class="ex"> <!-- 通过v-model给子组件绑定属性 --> <ex-child v-model="parentVal"></ex-child> <div>{{parentVal}}</div> </div> </template
阅读全文
摘要：场景分析：在实际项目开发过程中，如果公共数据比较多我们会使用vuex做公共状态管理，但是在对浏览器进行刷新操作的时候，会导致vuex内的数据丢失，这种情况有些时候是没问题的，但是有的时候我们需要某些数据可以持久化的保存，这样就需要做对应的处理，处理方式如下； （注意：浏览器执行刷新操作的时候，页面内
阅读全文
摘要：1、小程序原生页面之间的互相跳转 wx.switchTab、wx.reLaunch、wx.redirectTo、wx.navigateTo、wx.navigateBack 具体跳转方式可查看官方文档--https://developers.weixin.qq.com/miniprogram/dev/
阅读全文
摘要：概述：vue开发项目时，需要缓存多个页面的情况 使用场景：例如：现有4个页面，页面1，页面2，页面3，页面4 要求：1、从1-2-3-4依次跳转时，每次都刷新页面，不进行缓存； 2、从4-3-2-1依次返回时，页面不刷新，依次取缓存页面； 总结：外到内都需要刷新，内到外皆获取缓存页面； 实现方式：k
阅读全文
摘要：1、首先在store文件下创建modules文件夹，在内部新建各个模块的js文件 文件内部写法如下： const oneVuex={ namespaced: true, state:{ oneCount:100, oneNum:50 }, actions:{ oneAcAdd({commit},on
阅读全文
摘要：1、新建store文件夹，内部新建index.js 文件内部内容如下： 写法一 import Vuex from "vuex"; import Vue from "vue"; Vue.use(Vuex); // 第一种写法： const state={ count:0, num:100 } cons
阅读全文
摘要：1、router.js路由内部写法 import Vue from "vue" import VueRouter from "vue-router" import Home from "../views/home.vue" import List from "../views/list.vue" i
阅读全文
摘要：1、局部自定义指令，实现拖拽 <template> <div style="width:100%"> <!-- 自定义指令绑定元素 --> <button v-drag>拖拽</button> </div> </template> <script> export default { name: "L
阅读全文
摘要：1、通过官方网站获取对应的key值； 2、在html中引入相应script文件 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=f7f1406a1ee197180c9b7b2444d62b83
阅读全文
摘要：store.js文件内部写法： import vue from 'vue'; // 创建公共数据store export const store = vue.observable({ count: 0 }); // 创建更改状态的方法，创建后在组件内直接使用，也可不使用，在组建内直接书写 expor
阅读全文
摘要：<template> <div> <button @click="handle">添加属性</button> <div ref="div">{{change}}</div> </div> </template> <script> export default { name: "Mine", data
阅读全文
摘要：1、settimeout var timeOut=setOutout(()=>{ console.log("我是定时器"); },2000) //此时打印的是定时器的id值timeOut和定时器内部数据 console.log(timeOut); //加上清除后，不会打印内部数据，只会打印id值ti
阅读全文
摘要：1、匿名插槽 2、具名插槽 3、插槽作用域传值 4、slot-scope的使用
阅读全文
