随笔分类 - vue笔记
前端vue的一些笔记
摘要：Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re
阅读全文
摘要：1. 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 2. 前端路由：key是路径，value是组件。 ### 1.基本使用 1. 安装vue-router，命令：```npm i vue-router``` 2. 应用插件：`
阅读全文
摘要：1.概念 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2.何时使用？ 多个组件需要共享数据时 (有时候也会把网络请求写在vuex 的action 方法中，减少vue页面的
阅读全文
摘要：父组件 <task-checkbox v-model="checked"></task-checkbox> 子组件 1、定义model // 步骤一、model model: { prop: 'value', //(value取名为checked)接收到的双向绑定值 如果不写model 默认为val
阅读全文
摘要：背景： 是的！天真的我照着rp 画完了界面，然后功能实现好了，发现UI界面跟RP不一样！又不想用第三方组件呀，啊西把。又要重新画了。 这篇来记录美化checkox 过程！ 具体怎么做？ 一、 label + :checked 伪类美化checkbox 1、首选你需要准备 图片-选中 和未选中的che
阅读全文
摘要：一、web sql 一、函数创建数据库 var db = openDatabase('zxd',1,'person',0) 1、数据库名 2、版本3、备注 4、存储容量的限制 （最高5M） 二、创建表 db.transaction(tx=>{ tx.executeSql('create table
阅读全文
摘要：背景： 我们在使用别人优秀的组件库的时候，会发现有分为JS组件、CSS组件、Form组件这些。 有时候我们需要动态的创建组件，比如点击按钮，出现弹窗。 那么VUE 的js组件如何封装，核心是Vue.extend（组件）创建组件构造器。 一、创建文件 在component文件夹下创建 index.js
阅读全文
摘要：一、新建HBX app项目 1、用HBX新建项目 2、 删除项目中的文件夹 3、 把vue 项目打包 npm run build 打包后把dist 文件夹下的文件考到HBX app项目里 这样，项目就做好了。 二、配置 1、夜神模拟器 1.打开手机的“设置”，进入到“设置”页面； 2.滑到“设置”页
阅读全文
摘要：背景 在实际开发中，请求是多种多样的，花里胡哨的。比如：携带tocken、权限管理、状态码错误处理。 部分转载：https://www.jianshu.com/p/8bc48f8fde75 首先啥是Promise Promise主要用于解决异步回调嵌套的问题。当多个ajax请求之间存在依赖关系，也就
阅读全文
摘要：背景 面试被问的最多的就是diff算法。每次回答都比较浅显，牛人听了直摇头。本人一气之下索性看看源码吧。。 源码看起来持续瞌睡。。。 snabbdom vnode 是通过h函数生成的。 vnode包括：选择器，数据，孩子，文本，真实dom元素，关键字 patch 函数 首次 patch(contai
阅读全文
摘要：背景： mint-ui是一款用于移动端的ui组件库，对vue的支持非常不错~ 官网地址：http://mint-ui.github.io/docs/#/zh-cn2/ 安装 npm install mint-ui -S 或者。。 cnpm install --save mint-ui 使用 在mai
阅读全文
摘要：背景： 新需求：组件用keep-alive缓存的时候，不同页面跳转过来，需要判断走不走数据请求 但是要知道keep-alive 这种情况下路由跳转，生命周期mounted 是不触发的。 解决方法： 要换成activated生命周期。 思路是：data设置一个字段（比如prevCityId） 状态管理
阅读全文
摘要：https://www.runoob.com/w3cnote/free-html5-css3-loaders-preloaders.html 这些不错呀 vue封装loading组件 <template> <div class="loader"></div> </template> <script>
阅读全文
摘要：背景： 在移动端触发事件一般不用click 因为有延迟，一般用的是 touchstart （但是有问题，点击滑动都会触发） 所以用tap(只点击生效，滑动不生效) ，但是原生不支持 所以要用第三方的库来实现比如：zepto、vue-touch 、better-scroll（在iscroll之上再做了
阅读全文
摘要：背景： 这两天想把vue项目挂载在阿帕奇上，然后发现各种问题，搜索大法改了配置问题，又有其他问题。然后搜啊搜，终于找到一个解决方案了。 特写在此：https://www.cnblogs.com/zsg88/articles/12557862.html 感谢这位大哥 下面都是转载 使用npm run
阅读全文
摘要：vue-router https://router.vuejs.org/zh/guide/essentials/navigation.html query http://.../index.html?userid=2 router-link :to = '{name:"index",query:{"
阅读全文
摘要：router文件夹下的index.js 放路由导航和挂载 每创建一个组件 就要在index.js 导入啦 设置路由啦 import Vue from 'vue' import Router from 'vue-router' import Home from '@/components/Home'
阅读全文
摘要：获取原生的DOM的方式 ** 类似angular的 #xx 呗。。 ref 给标签绑定ref属性，获取的是当前DOM对象 给组件绑定ref属性，获取的是组件实例对象 this.$parent this.$root this.$children 给标签或者组件 添加ref <div ref = 'al
阅读全文
