![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
Andy2019
这个作者很懒,什么都没留下…
展开
-
Vue.directive自定义指令
什么是指令 指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 例外)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 简单的讲就是: 指令是可以写在DOM元素的小命令,以v-为前缀,vue就能识别这是一个指令并保持语法的一致性。如果需要对HTML进行底层操作的话,这种方式是非常有用的。 Vue中常用指令 v-if v-else v-else-if v-show v-on v-bi转载 2020-06-19 13:33:27 · 358 阅读 · 0 评论 -
从头开始学习vue-router
一、前言 要学习vue-router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用标签编写链接哪?vue-router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题。 二、vue-router是什么 这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是WebApp的链接路径管理系统。 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的转载 2020-06-19 13:06:05 · 266 阅读 · 0 评论 -
javascript 中const,var,let区别与用法
今天第一次遇到const定义的变量,查阅了相关资料整理了这篇文章。主要内容是:js中三种定义变量的方式const, var, let的区别。 const定义的变量不可以修改,而且必须初始化。 const b = 2;//正确 // const b;//错误,必须初始化 console.log('函数外const定义b:' + b);//有输出值 // b = 5; // console.log('函数外修改const定义b:' + b);//无法输出 var定义的变量可以修改,如果不初始化会输出..转载 2020-06-19 09:50:58 · 213 阅读 · 0 评论 -
vue+element_ui上传文件,并传递额外参数
需求: 文件大小验证 文件类型验证 额外参数传输\ <template> <el-upload class="upload-demo" action :limit="1" :file-list="formFileList" :http-request="handleUploadForm" :on-exceed="formHandleExceed" :on-remove="formHandleRemove" :before-upload="beforeUploadForm" a转载 2020-06-18 12:42:22 · 2996 阅读 · 0 评论 -
Vue js-cookie 使用
js-cookie 官方文档 里面就详细的介绍了es5怎么引用,以下是ES6以上的用户 一、安装 npm install js-cookie --save 二、引用 import Cookies from 'js-cookie' 三、一般使用 存到Cookie去 // Create a cookie, valid across the entire site: Cookies.set('name', 'value'); // Create a cookie t...转载 2020-06-17 13:57:41 · 266 阅读 · 0 评论 -
Promise
在JavaScript的世界中,所有代码都是单线程执行的。 由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以用回调函数实现: function callback() { console.log('Done'); } console.log('before setTimeout()'); setTimeout(callback, 1000); // 1秒钟后调用callback函数 console.log('after setTimeout()转载 2020-06-17 09:27:57 · 155 阅读 · 0 评论 -
Vuex白话教程第六讲:Vuex的管理员Module(实战篇)
文 | 大宏 写在前面 这一讲是 Vuex 基础篇的最后一讲,也是最为复杂的一讲。如果按照官方来的话,对于新手可能有点难以接受,所以想了下,决定干脆多花点时间,用一个简单的例子来讲解,顺便也复习一下之前的知识点。 首先还是得先了解下 Module 的背景。我们知道,Vuex 使用的是单一状态树,应用的所有状态会集中到一个对象中。如果项目比较大,那么相应的状态数据肯定就会更多,这样的话,store 对象就会变得相当的臃肿,非常难管理。 这就好比一家公司只有老板一个人来管理一样。如果小公司倒还...转载 2020-06-17 08:59:20 · 308 阅读 · 1 评论 -
Vuex白话教程第五讲:Vuex的小帮手
文 | 大宏 先说两句 前面已经讲完了 Vuex 下的State、Getter、Mutation及Action这四驾马车,不知道大家是否已经理解。当然,要想真正熟练掌握的话,还是需要不断的练习和动手实践才行。 其实只要把这四驾马车完全熟练驾驭了,那么应对一些中小型的项目,基本上就已经没啥问题了,后面的 Module 这架终极马车,其实是为了搞定那些稍微大型复杂一点的项目,避免 store 里面的数据太多,难以管理而设计,这驾马车稍微比较抽象,不太好驾驭,我们下一讲再来详细的去剖解它。 V...转载 2020-06-17 08:58:31 · 152 阅读 · 0 评论 -
Vuex白话教程第四讲:Vuex旗下的Action
写在前面 通过上一讲「Vuex 旗下的 Mutation」,我们知道了如何去修改 State 的数据,而且只能通过 Mutation 去提交修改,另外还了解到了 Mutation 必须是同步函数,那么如果需求当中必须要用到异步函数怎么办? 好办,那就轮到 Action 上场了。 简单介绍 Action 类似于 mutation,不同在于: 1、Action 提交的是 mutation,而不是直接变更状态。 2、Action 可以包含任意异步操作。 看一个简单的 actio..转载 2020-06-17 08:57:53 · 218 阅读 · 0 评论 -
Vuex白话教程第三讲:Vuex旗下的Mutation
大宏说关注 22018.11.01 18:37:27字数 1,208阅读 13,263 文 | 大宏 写在前面 上一讲「Vuex 旗下的 State 和 Getter」,告诉了我们怎么去使用仓库 store 中的状态数据。当然,光会用肯定还不够,大部分的应用场景还得对这些状态进行操控,那么具体如何操控呢,这就是这一讲要说的重点。 只有 mutation 能动 State 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类..转载 2020-06-17 08:57:09 · 184 阅读 · 0 评论 -
Vuex白话教程第二讲:Vuex旗下的State和Getter
文 | 大宏 先说两句 上一讲「Vuex 到底是个什么鬼」,已经完美诠释了 Vuex 的牛逼技能之所在(纯属自嗨)。如果把 Vuex 比喻成农药里面的刘备,那就相当于你现在已经知道了刘备他是一个会打枪的力量型英雄,而且他打的枪还是双排量的,认识到这一点后,那么接下来就是要了解他到底是如何打枪的,是左手打,还是右手打,还是双手一起端着枪打? 同样,我们已经知道了 Vuex 就如同一个全局的管理员一样,帮着我们统一管理着项目的共享数据,那它到底是通过什么样的方式去管理的呢?我们应该如何与这个管理员进...转载 2020-06-17 08:56:28 · 234 阅读 · 0 评论 -
Vuex白话教程第一讲:Vuex到底是个什么鬼?
文 | 大宏 先说两句 官方已经有教程了,为什么还要写这个教程呢?说实话,还真不是我闲着蛋疼,官方的教程真的是太官方了,对于刚入门 Vuex 的童鞋来说,想必看官方的教程,很多地方就如同看圣经一样,比如「欧玛尼玛尼牙」,所有的字都认识,就是不知道说些什么玩意,不信,你可以戳进去看看。 当然,对于大神级别一看就懂的,那就不用说了,肯定是看官方的更权威。还有,如果对 Flux、Redux、The Elm Architecture 比较熟悉的话,也可以移步官方,因为官方也说了,Vuex 的套路基本上都是..转载 2020-06-17 08:54:42 · 200 阅读 · 0 评论