vue2.0 第19页

vue大笔记

框架市场很长时间，接着react框架横空出世，因为它有一个特性是虚拟DOM，从性能上碾轧angularJS，这个时候，vue1.0悄悄的问世了，它的优雅，轻便也吸引了一部分用户，开始收到关注，16年中旬，VUE2.0

hcySam·2022-02-16 01:30

vue2.0的数组劫持

vue2.0对数组的方法进行了劫持，重写了能改变数组的方法实现数据的更新constarrayProto=Array.prototype//原生Array的原型exportconstarrayMethods

Mr无愧于心·2022-02-15 18:14

vue2.0基础知识点

1、v-if与v-show的区别条件渲染(使用v-if)条件展示(使用v-show)2、关于vue中Watch的一些深入用法1.常规的开发中监听数据变化我们会直接使用watch：{属性名（newValue，oldValue）{}},实际上该函数可以分为handler（）函数和参数配置，例如inputValue:{handler(newValue,oldValue){console.log(newV

酷酷的李才人·2022-02-15 13:13

Vue axios 403

前端是vue2.0，网络请求用的是axios，后端是springboot2.0用axios向后端发送post请求，结果得到一个403无权限的错误，莫名其妙啊，我明明发送的是post请，但在chrome的调试里看到的却是

O蚂蚁O·2022-02-15 06:45

vue2.0学习笔记

过渡效果//1.标签一样的情况下要设置key才能启动动画//2.mode可以指定不同的内容显示状态//3.transition里面的name属性可以自定义oneparttwopart/*自定义动画*/.fade-enter-active,.fade-leave-active{transition:opacity.5sease-out;}.fade-enter,.fade-leave-active{

black白先森·2022-02-14 14:48

实现一个双向数据绑定

实现数据双向绑定vue2.0中使用对象的属性描述符中的get与set方法来实现，当数据发生改变时可以触发相应事件。

一毛钱的代码·2022-02-14 11:24

vue-cli3.0+typeScript+element-ui+webpack

1、安装先卸载vue2.0的脚手架：npmuninstallvue-cli-g，全局卸载安装vue3.0的脚手架：npminstall-g@vue/cli，全局安装image.png2、创建项目：vuecr

who_are_you_·2022-02-13 03:20

从new Vue()开始（Vue2.0源码分析从使用到理解第一节）

前言本文是系列开篇，系列的主旨在于分享自己在阅读vue源码时的收获和体会，一方面是让自己有个总结，另一方面帮助想要理解vue源码的同学有个可以参考的东西。写文章的时候vue版本为2.4.2开篇我们来看一下官网的例子这是最简单的vue的使用实例，本系列从这个实例作为开始来一步一步解析vue2的源码。本篇就先对Vue构造函数做了一个简单的解析。Screenshotfrom2017-09-0115-14

梁王io·2022-02-12 20:47

vue2.0，jsonp的一个小案例请求百度搜索的接口

我的新博客上线了，请多多支持https://sky-xsk.github.io/我用的是vue-cli，可以自己去下一个试试看！JSONP(JSONwithPadding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于server1.example.com的网页无法与不是server1.example.com的服务器沟通，而HTML的元素是一个例

殖民_FE·2022-02-12 11:52

Vue2.0基础-vue-cli搭建项目

一、什么是webpack？webpack是一个modulebundler（模块打包工具），其可以兼容各种js书写规范，且可以处理模块间的依赖关系，具有更强大的js模块化的功能。Webpack对它们进行统一的管理以及打包发布，其官方主页用下面这张图来说明Webbpack的作用。what-is-webpack.png在讲课的时候讲解过webpack，并且从零开始使用了webpack搭建了一个工作流，在

虚竹梦姑·2022-02-11 13:59

vue2.0项目中使用element-ui步骤

1.安装element-ui:npmielement-ui-S2.推荐按需引入组件（1）、借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的安装babel-plugin-component：npminstallbabel-plugin-component-D（2）、修改.babelrc文件在文件中加入一下内容即可"plugins":[["compo

ShiningPeng·2022-02-10 21:55

vue2.0跨域的分享

1、在main.js里面，Vue.prototype.$axios=axios之后加入下面两段代码axios.defaults.baseURL='/api';axios.defaults.headers.post['Content-Type']='application/json';2、在index.js中proxyTable里面增加target里面增加要跨域的url'/api':{target:

·2022-02-09 16:57

Vue2.0项目部署上线

一、搭建环境1.在服务器上部署node操作:(1)进入linux输入wget-chttps://npm.taobao.org/mirrors/node/v10.13.0/node-v10.13.0-linux-x64.tar.xz下载node安装包(2)ls查看文件是否下载,确认下载使用tar-xvfnode-v10.13.0-linux-x64.tar.xz解压文件(3)文件重命名mvnode-

cy_南辞·2022-02-09 15:00

Vue2.0的字符串模板、html模板、组件、slot

字符串模板VShtml模板首先，Vue会将template中的内容插到DOM中，以方便解析标签。由于HTML标签不区分大小写，所以在生成的标签名都会转换为小写。例如，当你的template为时，插入DOM后会被转换为。然后，通过标签名寻找对应的自定义组件。匹配的优先顺序从高到低为：原标签名、camelCase化的标签名、PascalCase化的标签名。例如会依次匹配my-component、myC

都江堰古巨基·2022-02-09 14:47

Vue2.0学习笔记v-text,v-html(4)

一、前面已经学了如何在html页面中输出data中的值了，没错，就是{{xxx}}，但是这种写法有种弊端就是，当网速慢或者js写错的时候，就会暴露我们写{{xxx}}，所以vue提供了v-text解决这个问题{{msg}}={{todo}}=varapp=newVue({el:"#app",data:{msg:"HelloWorld",todo:'hello'}})二、v-html如果在javas

小囧兔·2022-02-09 03:39

·2022-02-08 17:16

vue2.0源码——diff算法

题目：vue2.0源码——diff算法一、diff概述1.为什么vue需要diff算法我们都知道vue的diff是为了更新DOM去服务的，那更新DOM是在什么样的场景下发生的呢？

Story..·2022-02-08 10:41

web学习之vue基础教程（一）

前言本系列文章基于Vue2.0官方文档进行总结。介绍起步Vue是一套用于构建用户界面的渐进式框架

XXXXXXXX333·2022-02-06 21:13

Vue2.0系列（六）过滤器

vue2.0已经废弃了过滤器，需要自定义过滤器，用于一些常见的文本格式化。感觉超级好用！！过滤器可以用在两个地方：双花括号插值和v-bind表达式。

范小饭_·2022-02-03 01:24

Vue 3.0 Teleport的使用和原理分析

Vue2.0要实现对应的功能则需要使用portal-vue三方库，或者使用$el操作DOM等来实现。接下来我们就从使用方式和实现原理两个方面来分别介绍。

chonglingliu·2022-01-17 06:56

vue学习整理

title:Vue学习笔记date:2020-7-1tags:[vue2.0]categories:前端技术toc:truecover:https://gitee.com/hyj12704338...Vue2.0

·2022-01-06 17:47

cross-storage 浏览器 Web 跨域本地缓存

背景：都是基于vue2.0开发的两个系统a和b，都有自己的登录页面，同一个账号可以在两个系统内登录，现要求，a登录成功后，可以直接跳到b的主页，b不需要登录。

·2022-01-04 10:20

vue-amap安装和用法步骤

vue-amap是饿了么开源的一套基于Vue2.0和高德地图的地图组件。数据状态与地图状态单向绑定，开发者无需关心地图的具体操作。

·2021-12-23 16:27

vue3.0项目快速搭建的完整步骤记录

目录一、我们要确保vue/cli版本在4.5.0以上，才能更好的支持3.0二、通过vue/cli3创建我们的第一个项目RouterCSS预编译ESLint语法校验运行项目升级vue三、vue3.0相比vue2.0

·2021-12-22 15:51

前端开发过程中常用网站

1.UI库Vant-高效的Vue组件库，再造一个有赞移动商城也不在话下Bootstrap-简洁、直观、强悍的前端开发框架Element-网站快速成型工具，一套为开发者、设计师和产品经理准备的基于Vue2.0

沫之·2021-12-09 20:07

Vue2.0实现自适应分辨率

本文实例为大家分享了Vue2.0实现自适应分辨率的具体代码，供大家参考，具体内容如下1.前台框架：Vue2.0+elementUI2.15.72.开发工具：vscode3.安装所需架包："postcss-import

·2021-11-26 16:51

Vue项目导入excel表，自动下载导入失败数据的excel表（使用ElementUI upload组件，自定义导入excel表）

首先附上ElementUI的上传文件组件Element-Theworld'smostpopularVueUIframeworkElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库

前端不释卷leo·2021-11-23 21:25

浅谈React双向数据绑定原理

目录什么是双向数据绑定实现双向数据绑定数据影响视图视图影响数据如果已经学过Vue，并且深入了解过Vue的双向数据绑定的话，就会明白Vue2.0双向数据绑定的核心其实是通过Object.defineProperty

·2021-11-12 17:40

简单谈谈Vue中的diff算法

patchVnode函数updateChildren函数结语概述diff算法，可以说是Vue的一个比较核心的内容，之前只会用Vue来进行一些开发，具体的核心的内容其实涉猎不多，最近正好看了下这方面的内容，简单聊下Vue2.0

·2021-11-09 13:19

vue-property-decorator用法

在Vue2.0中使用TypeScript语法时，需要引用vue-property-decorator。

好多柱·2021-11-01 15:49

Vue2.0源码解析 - 知其然知其所以然之Vue.use

前言小伙伴们大家好。用过Vue的小伙伴都知道，在我们进行Vue开发时，避免不了会使用一些第三方的库，比如说ElementUI组件库。当我们导入好这些组件库后会执行一个Vue.use函数，然后把导进来的组件库作为参数传给该函数。这样就可以在任何页面中都可以随意的使用组件库中的各种组件了。如果不去执行Vue.use函数，那么即使组件库被导进来，那么内部的组件还是无法使用的。小伙伴们有没有想过这是为什么

一笑程序猴·2021-10-12 15:11

vue 200+知识点

vue2.0不再支持v-html中使用过滤器了怎么办？怎么解决vue打包后静态

·2021-10-12 11:28

25.记录Vue2.0项目打包部署开发环境开启https证书访问

1，利用express-generator生成器生成一个骨架，项目扔在里面运行执行$npminstallexpress-generator-g进行安装执行$expressvue_demo（vue_demo是项目名）生成结构图2，npmrunbuild打包项目，生成的dist目录下的所有文件复制到刚刚vue_demo的public文件夹里面接下来就是修改访问端口和证书放置及使用。进入vue_demo

饿了么配送员·2021-10-10 10:27

vue一些基础知识

一、vue2.0/3.0双向数据绑定的实现原理vue2.0ES5：Object.definePropertyDocument姓名:letobj={name:''}letnewObj=JSON.parse

·2021-10-05 19:20

web面试题

列举JavaScript的基本数据类型和引用数据类型Vue2.0的生命周期有哪些？分别解释其意思详述组件

小程要谦虚·2021-09-28 22:50

Vue源码解读（五）：render和VNode

Vue2.0相比Vue1.0最大的升级就是利用了虚拟DOM。在Vue1.0中视图的更新是纯响应式的。

明么·2021-09-28 09:14

Vue3封装 Message消息提示实例函数详解

目录Vue3封装消息提示实例函数样式布局封装message.vue功能实现message.js注册自定义指令使用：总结Vue3封装消息提示实例函数Vue2.0使用Vue.prototype.

·2021-09-24 11:56

Vue3封装 Message消息提示实例函数

Vue3封装消息提示实例函数实现效果Vue2.0使用Vue.prototype.

run-Ameng·2021-09-23 22:13

一文带你了解vue3.0响应式

reactivecreateReactiveObject创建响应式对象mutableHandlers处理函数get函数get函数的的调用时机track收集依赖set函数trigger分发依赖get和副作用渲染函数关联副作用渲染函数的执行过滤结尾我们知道Vue2.0

·2021-09-15 16:28

vue2.0/3.0中provide和inject的用法示例

目录1、provide/inject有什么用？2、provide/inject使用方式具体用法：vue3.0用法总结1、provide/inject有什么用？常用的父子组件通信方式都是父组件绑定要传递给子组件的数据，子组件通过props属性接收，一旦组件层级变多时，采用这种方式一级一级传递值非常麻烦，而且代码可读性不高，不便后期维护。vue提供了provide和inject帮助我们解决多层次嵌套嵌

·2021-09-13 19:22

Vue使用百度地图实现城市定位

本文实例为大家分享了Vue使用百度地图实现城市定位的具体代码，供大家参考，具体内容如下Vue项目运行环境：Vue2.0，VueCli3.0步骤一：登录百度地图开放平台在控制台---->应用管理---->

·2021-09-08 17:41

总结Vue Element UI使用中遇到的问题

label采用拼接的方式四、el-dialog父子组件传值，关闭el-dialog时报错五、el-form-item的label自定义六、el-input使用clearable清除内容时触发校验提示基于vue2.0

·2021-08-31 19:07

揭开Vue3.0 setup函数的神秘面纱

当然为了和Vue2.0兼容，也可以继续使用Option函数。先提出两个个问题：setup函数的执行时机是什么？setup函数的返回结果为何与模板的渲染建立联系的？

chonglingliu·2021-08-26 09:56

vue-router浅析

的路由管理插件，使用了很长时间vue，今天把vue-router的官网教程从头到尾复习了一遍，回头对照之前做的项目发现很多问题都可以通过路由去解决，同时也发现任何一样东西细研究起来内容都不少，以下记录一下复习心得vue2.0

晚饭总吃撑·2021-08-20 09:41

Vue表单设计器的终极解决方案

VForm是一个基于Vue2.0和ElementUI的高级表单组件，定位为前端开发人员提供快速搭建表单、实现表单交互和数据收集的功能。

·2021-08-09 19:44

利用js实现Vue2.0中数据的双向绑定功能

Object.defineProperty了解语法：Object.defineProperty(obj,prop,descriptor)obj要定义属性的对象。prop要定义或修改的属性的名称descriptor要定义或修改的属性描述符obj和prop很好理解比如我们定义一个变量为consto={name:'xbhog'}其中obj指的就是o,prop指的就是o.name下面我们主要看看descr

·2021-08-04 14:52

vue2.0 watch里面的 deep和immediate用法说明

deep，默认值是false，代表是否深度监听。immediate:true代表如果在wacth里声明了之后，就会立即先去执行里面的handler方法，如果为false就跟我们以前的效果一样，不会在绑定的时候就执行。computed:{btnObj(){const{sign_img,check}=thisreturn{sign_img,check}}},watch:{btnObj:{handler

·2021-08-03 13:08

Elementui Tree 树形控件删除功能

vue-element-admin一个基于vue2.0和Eelement的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌

祈澈菇凉·2021-07-27 18:59

DatePicker 日期选择器，获取系统默认当前年月日