vue2.0

vue项目中axios的封装请求

自Vue2.0起，尤大大宣布取消对vue-resource的官方推荐，转而推荐axios。现在axios已经成为大部分Vue
·2022-03-04 12:50

终于有人把大前端讲明白了！

“别更新了，学不动了”向来是前端开发群体的切肤之痛：·React还没学明白，Vue就出来了；·Vue2.0还没上手，3.0就发布了；·Node刚精通，Deno又1.0了；·Flutter刚流行，Flutter
程序员小乐·2022-02-25 15:13

前端18个月难度翻番？来这里把握大前端技术本质进展丨稀土开发者大会

图片来源：pexels.com“别更新了，学不动了”向来是前端开发群体的切肤之痛：React还没学明白，Vue就出来了；Vue2.0还没上手，3.0就发布了；Node刚精通，Deno又1.0了；Flutter
中生代技术·2022-02-25 15:41

Vue 3.0 简介

响应式系统的升级Vue2.0使用definePropertydefineProperty代理对象中的某个属性初始化时将data中的数据进行处理，如果属性时object类型还需要递归处理Vue3.0使用Proxy
·2022-02-23 17:32

Vue2.0三——Vue-router

我会从两个方面来写路由自定义路由（以拉勾网为例）路由指的是在不刷新页面的情况下更新页面通过：#hash，例如：10.0.164.8:8080/index.html/#main然后通过H5的history对象的history.pushState()+popState事件实现路由切换实现步骤：(1)在script文件下创建路由表routes.jsexportdefault{'/':'Position'
weixin_34235457·2022-02-23 14:49

Vue2.0源码学习(6) - 组件注册

组件注册前言在Vue.js中，除了它内置的组件如keep-alive、component、transition、transition-group等，其它用户自定义组件在使用前必须注册。在开发过程中可能会遇到如下报错信息：Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuret
Inès·2022-02-22 19:00

Vue2.0源码学习(6) - 组件注册

组件注册前言在Vue.js中，除了它内置的组件如keep-alive、component、transition、transition-group等，其它用户自定义组件在使用前必须注册。在开发过程中可能会遇到如下报错信息：Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuret
Inès·2022-02-22 19:00

Vue2.0 scroll 组件的抽象和应用 | 音乐 WebApp （四）

Unsplash本次的系列博文的知识点讲解和代码，主要是来自于黄轶在慕课网的Vue2.0高级实战-开发移动端音乐WebApp课程，由个人总结并编写，其代码及知识点部分，均有所更改和删减，关于更多Vue2.0
Nian糕·2022-02-21 23:36

vue2.0组件内的守卫（beforeRouteLeave实现 编辑未保存，弹窗提示）

html保存jsbeforeRouteLeave(to,from,next){if(this.change_nosave){this.$confirm("您填写的内容未保存，确定离开吗?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning",distinguishCancelAndClose:false}).then(
meng_281e·2022-02-21 20:17

对v-charts图表组件（基于VUE2.0和echarts封装）的补充说明

可视化图表组件v-charts（https://v-charts.js.org/）是为了在vue中方便的使用echarts（https://echarts.apache.org/zh/），而对echarts进行裁剪封装后的vue组件，所以在vue中使用起来非常方便。然而在实际项目中，一些应用场景所需要的功能在v-charts文档中没有明确描述，但v-charts实际上是支持的，下面是我在实际项目中
工程师54·2022-02-21 14:15

Vue2.0源码学习(4) - 合并配置

合并配置通过之前的源码学习，我们已经了解到了newVue主要有两种场景，第一种就是在外部主动调用newVue创建一个实例，第二个就是代码内部创建子组件的时候自行创建一个newVue实例。但是无论那种newVue方式，我们都需要进入了Vue._init，执行mergeOptions函数合并配置。为了更直观，我们整个demo调试耍耍。//src\main.jsletchildComp={templat
Inès·2022-02-20 15:00

处理Element-UI与ECharts融合问题

Element-UI，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库可以通过这个组件,来达到完美的布局效果及功能效果具体文档可参考Element-UI官方文档ECharts，一个使用
焘玮锅锅啊·2022-02-20 12:59

vue2.0如何来实现的父子组件以及兄弟组件之间的传值

1.子组件使用父组件的值或数据结构如图：做为父组件的index.vue做为子组件在父组件当中使用的组件one和two2.父组件使用子组件当中的数据或者值父组件index.vue为父组件供值的同时也做为父组件中子组件的组件three3.兄弟组件之间的传值，three和four两个非父子组件之间的传值兄弟组件之间数据的传递如果不使用vuex的话，那么可以使用bus来传值，所以在这里在需要互相通信的兄弟
An的杂货铺·2022-02-20 11:40

vue-awesome-swiper之使用keepAlive缓存后跳转页面后swiper的loop失效

vue2.0提供了一个keep-alive用来缓存组件，避免多次加载相应的组件，减少性能消耗。在使用时出现了个问题。
旋转火龙果·2022-02-18 20:57

vee-validate使用教程

vee-validate使用教程本文适合有一定Vue2.0基础的同学参考，根据项目的实际情况来使用，关于Vue的使用不做多余解释。
中v中·2022-02-17 23:18

vue2.0高仿网易云音乐

技术栈vue2.0+vue-router+webpack+vuex+axiosbetter-scroll(移动端滚动插件)fastclick(解决移动端click事件300ms延迟)vue-lazyload(图片懒加载)后端采用基于node的网易云api接口目前主要完成音乐播放和视频的播放,搜索功能正在开发中.pc端浏览地址如果觉得还可以，请star，你们的star是我前进的动力。本项目正在不断更
坏小德·2022-02-17 08:39

vue3.0语法的一些总结

今天我在下载脚手架的时候发现，可以下载Vue3.0的脚手架了，注意：里面可以使用vue2.0的语法，也可以使用vue3.0的语法，而vue3.0的语法不需要我们再去下载并引入@vue/composition-api
物是人非dhr·2022-02-16 19:08

Vue2.0系列（八）vue-router高阶

一、导航守卫1.1、全局守卫router.beforeEach注册一个全局前置守卫：constrouter=newVueRouter({...})router.beforeEach((to,from,next)=>{//...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫resolve完之前一直处于等待中。每个守卫方法接收三个参数：to:Route:即将
范小饭_·2022-02-16 11:37

vue2.0中组件传值的几种方式

搭建好测试环境app.vueimportHelloWorldfrom'./components/HelloWorld.vue'importChildfrom'./components/Child.vue'exportdefault{name:'App',components:{HelloWorld,Child}}#app{font-family:Avenir,Helvetica,Arial,san
键.·2022-02-16 07:55

Vue2.0 路由配置及Tab组件开发 | 音乐 WebApp （二）

Unsplash本次的系列博文的知识点讲解和代码，主要是来自于黄轶在慕课网的Vue2.0高级实战-开发移动端音乐WebApp课程，由个人总结并编写，其代码及知识点部分，均有所更改和删减，关于更多Vue2.0
Nian糕·2022-02-16 06: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

vue原理相关总结

一、vue2.0的双向绑定是怎么实现的1、view和model相互实时更新原理：Object.defineProperty数据劫持+发布者-订阅者(依赖收集)模式2、observer，compile，watcher
·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
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他