![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 93
sanly_shi
A front-end pupil
展开
-
vue3.0新特性
v3新特性转载 2022-10-30 18:56:33 · 6320 阅读 · 0 评论 -
Vue scss 引入变量报错
转载地址:Vue scss 引入变量报错_老谭TYH的博客-CSDN博客_scss 引用变量报错转载 2022-03-31 14:11:12 · 2306 阅读 · 0 评论 -
前端之Vue项目如何做单元测试
关于单元测试,最常见的问题应该就是“前端单元测试有必要吗?”,通过这篇文章,你将会了解单元测试的必要性,以及在Vue项目中如何能够全面可靠的测试我们写的组件。单元测试的必要性一般在我们的印象里,单元测试都是测试工程师的工作,前端负责代码就行了;百度搜索Vue单元测试,联想词出来的都是“单元测试有必要吗?”“单元测试是做什么的?”虽然我们平时项目中一般都会有测试工程师来对我们的页面进行测试“兜底”,但是根据我的观察,一般测试工程师并不会覆盖所有的业务逻辑,而且有一些深层次的代码逻辑测试工程师在不了解.转载 2021-06-23 17:02:02 · 2419 阅读 · 0 评论 -
vue+webpack实现路由懒加载和代码分割
prefetch<link rel="prefetch" ></link>这段代码告诉浏览器,这段资源将会在未来某个导航或者功能要用到,但是本资源的下载顺序权重比较低。也就是说prefetch通常用于加速下一次导航,而不是本次的。被标记为prefetch的资源,将会被浏览器在空闲时间加载。preload<link rel="preload" ></link>preload通常用于本页面要用到的关键资源,包括关键js、..原创 2020-05-26 09:42:34 · 1256 阅读 · 0 评论 -
vue-cli3.0中vue.config.js配置(自行整理)
// 打包去掉consoleconst TerserPlugin = require('terser-webpack-plugin');module.exports = {// 查阅https://github.com/vuejs/vue-cli/tree/dev/docs/zh/config// 项目部署的基础路径,我们默认假设你的应用将会部署在域名的根部,比如http...原创 2020-03-01 19:21:17 · 4293 阅读 · 0 评论 -
vue history模式下面后端如何配置
hash ——即地址栏URL中的#符号。hash 虽然出现URL中,但不会被包含在HTTP请求中,对后端完全没有影响,因此改变hash不会重新加载页面。history ——利用了HTML5 History Interface 中新增的pushState() 和replaceState() 方法。需要特定浏览器支持history模式,会出现404 的情况,需要后台配置。1、hash模式下,...原创 2020-01-02 18:04:42 · 6900 阅读 · 1 评论 -
vue 蓄力13:Vue批量异步更新与nextTick原理(待阅)
vue已是目前国内前端web端三分天下之一,同时也作为本人主要技术栈之一,在日常使用中知其然也好奇着所以然,另外最近的社区涌现了一大票vue源码阅读类的文章,在下借这个机会从大家的文章和讨论中汲取了一些营养,同时对一些阅读源码时的想法进行总结,出产一些文章,作为自己思考的总结,本人水平有限,欢迎留言讨论~目标Vue版本:2.5.17-beta.0vue源码注释:https://git...原创 2019-09-02 15:58:31 · 167 阅读 · 0 评论 -
vue 蓄力12:vue-cli webpack项目npm run dev启动过程
前言通过vue init webpack和npm install命令初始化项目后,执行npm run dev就打开了网站http://localhost:8080。初学者不知道index.html、App.vue、main.js是如何粘在一起的,这里简单说明一下。启动过程1.npm run devnpm run XXX是执行配置在package.json中的脚本,比如:...原创 2019-09-02 15:49:30 · 160 阅读 · 0 评论 -
vue蓄力11:vue 项目常用加载器及配置
vue 项目常用加载器及配置1.安装sass:1.1 由于sass-loader依赖于node-sass,所以在安装sass-loader的同时还需安装node-sassnpm install --save-dev node-sassnpm install --save-dev sass-loader1.2 安装完成后修改 <style>标签: <...原创 2019-09-02 15:45:48 · 207 阅读 · 0 评论 -
vue 蓄力10:vue组件中的data为什么必须是函数
类比引用数据类型Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了;javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成作用域,对象的{}以及if(){}都不构成作用域),data是一个函数时,每个组件实例都有自己的作用域,每个实例相互独立,不会相互影响举个原创 2019-09-02 15:31:30 · 87 阅读 · 0 评论 -
vue蓄力9:vuex 数据状态管理,刷新数据不丢失
安装 vuexnpm install vuex --save1安装成功后 ,现在我们就可以使用 vuex 了1: 先在src 目录下建立 store 文件夹 , 文件目录如图:这里我先介绍下 每个文件的用处:1 : index.js 这里是个入口文件import Vue from 'vue'import Vuex from 'vuex'import * a...原创 2019-09-02 15:22:20 · 165 阅读 · 0 评论 -
vue蓄力7:ajax和axios、fetch的介绍及区别
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶...原创 2019-08-30 17:27:03 · 185 阅读 · 0 评论 -
vue蓄力6:计算属性的缓存和方法调用的区别
计算属性的缓存和方法调用的区别1)我们可以将同一函数定义为一个方法或是一个计算属性。两种方式的最终结果确实是完全相同的。不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。相比之下,每当触发重新渲染时,调用方法将总会再次执行函数。2)使用计算属性还是methods取决于是否需要缓存,当遍历大数组和做大量计算时,应当使用计算属性,除非你不希望得到缓存。我们...原创 2019-08-30 16:14:42 · 165 阅读 · 0 评论 -
vuex 探索
https://blog.csdn.net/qq_31126175/article/details/78666831转载 2018-11-06 11:28:11 · 149 阅读 · 0 评论 -
vue v-for空列表 显示undefined的问题
https://blog.csdn.net/tearsknow/article/details/78411672转载 2018-11-02 11:00:45 · 6920 阅读 · 0 评论 -
es6数组中的遍历
我经常会操作数组,而且避免不了对每一个字段的操作,这样就会用到遍历,遍历有好多种,今天我归纳一下经常会用到的几个:1、foreach 是一个我们经常用的一个:var name = ['张三', '李四', '王五'];name.foreach(function(v,k) { console.log(v); //这样就会分别将name遍历出来});//注意:jq...转载 2019-01-21 15:58:11 · 152 阅读 · 0 评论 -
vue模块去除function写法
原创 2019-01-21 16:49:20 · 1256 阅读 · 0 评论 -
什么时候使用vuex
组件通信在使用Vue进行组件化开发这个。组件通信是一个十分重要的部分。应用在组件化之后,组件之间必然存在某种联系;组件化意味着协同工作,通常存在着 父子组件、兄弟组件、跨级组件 等组件关系,那么组件之间如何进行协调工作,即组件通信;在 Vue 中,父子组件的关系可以总结为 props down、events up。 父子组件通信:父组件通过 props 向下传递数据...转载 2019-02-19 16:25:30 · 3899 阅读 · 2 评论 -
ajax和axios、fetch的区别
1.jQuery ajax 优缺点:本身是针对MVC的编程,不符合现在前端MVVM的浪潮 基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案 JQuery整个项目太大,单纯使用ajax却要引入整个JQuery非常的不合理(采取个性化打包的方案又不能享受CDN服务)$.ajax({ type: 'POST', url: url, da...转载 2019-02-25 10:43:23 · 196 阅读 · 0 评论 -
vuex----mutation和action的基本使用
我们要实现的很简单,就是点击+1的count加一,点击-1的时候count-1 一、mutation 在vue 中,只有mutation 才能改变state. mutation 类似事件,每一个mutation都有一个类型和一个处理函数,因为只有mutation 才能改变state, 所以处理函数自动会获得一个默认参数 state.所谓的类型其实就是名字,action...转载 2019-04-30 16:08:00 · 386 阅读 · 0 评论 -
vue蓄力1:通俗易懂了解Vue双向绑定原理及实现
有部分TypeScript,defineProperty,es6语法,不懂的请自行查阅哦!阅读目录1. 前言 2. 思路分析 3. 使数据对象变得“可观测” 4. 依赖收集 5. 订阅者Watcher 6. 测试 7. 总结回到顶部1. 前言每当被问到Vue数据双向绑定原理的时候,大家可能都会脱口而出:Vue内部通过Object.defineProperty...翻译 2019-08-28 14:40:50 · 323 阅读 · 0 评论 -
vue蓄力2:组件之间出通信
常见使用场景可以分为三类: 父子组件通信:props;$parent/$children;provide/inject;ref; $attrs/$listeners 兄弟组件通信:eventBus; vuex 跨级通信: eventBus;Vuex;provide/inject、$attrs/$listeners...原创 2019-08-30 14:48:38 · 84 阅读 · 0 评论 -
vue蓄力3:虚拟dom为什么能提高性能
虚拟DOM其实就是一个JavaScript对象。通过这个JavaScript对象来描述真实DOM,真实DOM的操作,一般都会对某块元素的整体重新渲染,采用虚拟DOM的话,当数据变化的时候,只需要局部刷新变化的位置就好了...原创 2019-08-30 14:55:00 · 548 阅读 · 0 评论 -
vue蓄力4:通俗且形象得理解vue是一个渐进式的框架
每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。 使用vue,你 可以在原有每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。使用vue,你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用;...原创 2019-08-30 15:30:29 · 247 阅读 · 0 评论 -
vue蓄力5:vue-cli提供的几种脚手架模板有哪些,区别是什么
在使用vue及其相关组件时,我们常常通过vue-cli来实现环境的配置1.进入命令行,全局安装:npm install vue-cli -g2.cd 盘符(例D:)进入要创建项目的地址,然后3.创建项目模板:vue init webpack new-vue(其中webpack为模板类型,new-vue为自定义的模板名可自己命名);接下来,会问几个问题,直接回车(enter)就好;后...原创 2019-08-30 15:48:11 · 2448 阅读 · 0 评论 -
vue 单选列表 改变样式
循环模板:<ul v-for="(item,index) in List"> <li :class="{active:(clickIndex == index )}"></li></ul>初始化:clickIndex: -1点击方法:ling(index) { this.clickIndex = index}单选的样...原创 2018-11-01 15:42:08 · 1241 阅读 · 0 评论