随笔分类 - VUE
摘要：https://juejin.im/post/5b55c118f265da0f6f1aa354 掘金的网址（很好） 一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，
阅读全文
摘要：第一步创建实例 1 2 3 4 let http = axios.create({ // 这个里面可以设置一些请求头之类的配置<br>timeout: 3000, headers: {} }); 第二步 设置拦截器 2.1 拦截器分为 请求拦截器和响应拦截器 //请求拦截器代码格式如下 http.i
阅读全文
摘要：当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置 在文件的根目录建一个.prettierrc文件,在文件里写上如下代码:
阅读全文
摘要：相较于常规的赋值方式,解构赋值最主要的是'解构'两个字,在赋值的过程中要清晰的知道等号右边的结构. 先简单地看一下原来的赋值方式. 1 var a=[1,2] 分析一下这句代码的几个点: (1)变量申明和赋值 var a; a=[1,2] //你可以理解这两个操作是分开的,虽然是一句代码.声明变量都
阅读全文
摘要：在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。 ref介绍 ref被用来给元素或子
阅读全文
摘要：再通过vue-cli创建项目的时候,会出现 Use history mode for router? 也就是再问你：是不是用history模式来创建路由 hash模式和history模式的不同 最直观的区别就是在url中 hash 带了一个很丑的 # 而history是没有#的 对于vue这类渐进式
阅读全文
摘要：本项目为仿做项目,仅做自己练手和学习使用,非官方App,禁止用于一切商业目的,产生的一切侵权著作法律后果,与本作者无关。 简介 本项目是一个移动端的仿王者荣耀手机端官网和后台管理系统（pc端）的全栈开源项目，基于 vue + node (Express + ElementUI) +mongodb实现
阅读全文
摘要：在浏览器查看 HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：coo
阅读全文
摘要：provider/inject：简单来说就是在父组件 provide 中提供变量，子组件 inject 中来注入，然后可以在子组件内部使用 provide 的变量 需要注意的是这里不论子组件有多深，只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属
阅读全文
摘要：方法一 使用.sync修饰符 element就是使用的这种方式，实现方式如下： 父组件： <template> <div id="demo"> <test-model :show.sync="showFlag"></test-model> </div> </template> <script> im
阅读全文
摘要：JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。 cookie是浏览器 提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。 cookie概述在上一节，
阅读全文
摘要：会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。 本章将系统地讲述Cookie与Session机制，并比较说明什么时候不能用C
阅读全文
摘要：原文地址：https://www.cnblogs.com/chenwenhao/p/10466774.html#_label0
阅读全文
摘要：这篇文章主要介绍了Vue.js实现的计算器功能,结合完整实例形式分析了vue.js响应鼠标事件实现基本的数值运算相关操作技巧,可实现四则运算及乘方、开方等功能,需要的朋友可以参考下，本文实例讲述了Vue.js实现的计算器功能。分享给大家供大家参考，具体如下： 1. HTML部分代码 <!DOCTYP
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简易计算器</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip
阅读全文
摘要：区分 actions 和 mutations 并不是为了解决竞态问题，而是为了能用 devtools 追踪状态变化。 事实上在 vuex 里面 actions 只是一个架构性的概念，并不是必须的，说到底只是一个函数，你在里面想干嘛都可以，只要最后触发 mutation 就行。异步竞态怎么处理那是用户
阅读全文
摘要：举例：将A的drawerStart数值传递给B,来决定B的某个样式是否显示,并且点击 @click="changerDrawerStart"会改变 drawerStart的数值（这里可以使用监听watch，监听drawerStart的改变），通过$emit方法来实现传参的方式 组件A代码： 思路：如
阅读全文
摘要：首先简单来说明一下$router和$route的区别 //$router : 是路由操作对象，只写对象 //$route : 路由信息对象，只读对象 //操作 路由跳转 this.$router.push({ name:'hello', params:{ name:'word', age:'11'
阅读全文
