vue2.x

springboot+vue2.x 解决session跨域失效问题

服务端SpringBoot2.x：localhost:8082前端Vue2.x：localhost:81前后端的端口号不同，为跨域，导致前端访问后端时，每次访问都新生产一个sessionID。
东方飘雪·2019-10-08 17:00

第十六期:Vue 3.0 前瞻，体验 Vue Function API

概述Vue2.x及以前的高阶组件的组织形式或多或少都会面临一些问题，特别是在需要处理重复逻辑的项目中，一旦开发者组织项目结构组织得不好，组件代码极有可能被人诟病为“胶水代码”。
你知道歌谣吗？·2019-10-06 20:35

重磅消息：Vue 3.0 源码开放了

我们知道Vue2.x的TS支持显然跟React和Angular是有差距的,Vue3.0代码98%
猿同学·2019-10-05 20:00

vue2.X组件学习心得(新手必看篇)

VUEJS学习网址：https://cn.vuejs.org/此文章是用来记录自己的学习和实践心得。关注点：父子组件之间的通信看图说话：PassProps子组件本身与父组件是孤立的，通过子组件中显示声明的props属性，接收父组件数据;父组件的数据更新时，子组件的prop会跟着更新；此数据流动是单向的（看着）;EmitEvents子组件使用$.emit(fn)向外抛出自己的内部触发的事件;父组件是
·2019-09-22 22:12

Vue2.x中的父子组件相互通信的实现方法

业务场景:(这里指的是直接父子级关系的通信)美女(子组件)将消息发送给大群(父组件)大群(父组件)收到美女发送的消息后再回个信息给美女(子组件)父组件template群消息girl：{{somebody}}说:我{{age}}了。注意的点：这里在父组件使用v-on来监听子组件上的自定义事件($emit的变化),一旦发生变化noticeGirl方法就会触发importvGirlGroupfrom'.
·2019-09-22 22:45

vue 中Virtual Dom被创建的方法

在vue2.x的版本中，无论是直接书写render函数，还是使用template或el属性，或是使用.vue单文件的形式，最终都需要编译成render函数进行vnode的创建，最终再渲染成真实的DOM。
·2019-09-22 14:07

Vue2.x之疑点

这是我自己在深入了解Vue过程自己思考过的一些问题，特意拿出来记录一下，以免今后遗忘：1.Vue把数据转换成响应式数据后，是怎么来触发getter从而收集依赖的解答：Vue在初始化的过程中，把数据都转换成响应式数据。在触发生命周期函数beforeMount之后通过newWatcher()来观测渲染函数。源码2.数组和对象的依赖分别保存在哪解答：Vue中数组和对象收集依赖都是在getter中收集。但
shisanOnly·2019-09-09 00:00

vue-hash-calendar，移动端日期时间选择插件

按照惯例，先上效果图vue-hash-calendar基于vue2.X开发的日历组件支持手势滑动操作·1原生js开发，没引入第三方库上下滑动切换周/月模式【周模式中】左右滑动可切换上一周/下一周【月模式中
HashTang·2019-09-03 22:00

Vue2.X的数据双向绑定原理以及Vue3.X的数据双向绑定原理

1.Vue2.X的数据双向绑定原理：采用的是Object.defineProperty()方法//1.获取行内属性[v-model]lettxt=document.querySelector('[v-model]');//2.input框实现输入值txt.oninput=function(){//3.将获取到的值赋给obj.nameobj.name=txt.value;}letobj={};//4
wgzero·2019-08-26 02:08

【探究Vue原理】Diff算法

updateAttrs(oldVnode,vnode)节点内容更新updateChildren阅读源码(含注释)patchpatchVnodeupdateChildren参考开篇  本文目的是分享我对Vue2
ajh99990·2019-08-24 16:48

ElementUI日期选择器时间选择范围限制

Element是一套基于vue2.x的一个ui框架。
不忘初心·2019-08-16 00:00

vue3.0中的双向数据绑定方法及优缺点

熟悉vue的人都知道在vue2.x之前都是使用object.defineProperty来实现双向数据绑定的而在vue3.0中这个方法被取代了1.为什么要替换Object.defineProperty替换不是因为不好
智子·2019-08-01 16:55

vue2.x组件间传值及在vue子组件中操作父组件数据时生命周期的问题

前言在做项目中遇见一个bug，vue在子组件内部操作父组件数据时，在生命周期mounted和created中给页面渲染父组件的值页面渲染是正常的，但是控制台会报错找不到值！此文记录下vue组件之间如何传值取值，和bug的解决方法。正文父组件给子组件传值—props实现父组件向子组件传值。父组件内：msg是绑定的自定义属性，类似我们原生html给标签自定义属性一样importchildpackfro
jcat_李小黑·2019-07-26 16:01

vue组件间通信的一些实用方法（VUE2.x）

vue组件间通信的一些实用方法（VUE2.x）一、父子组件间通信常用的父子组件通信方法，一般涉及props和$emit之间的交互，也就是我们在vue常说的属性传递和事件映射，实例如下：importchildfrom
蜀城走马·2019-07-24 11:17

Vue 3.0 function-based API尝鲜（一）：前言

虽然Vue2.x还没完全搞明白，但还是想紧跟时代潮流，所以还是想先体验一下。本来以为自己对Vue还算熟悉，但是真写起文章来，竟然不知从何说起。
元无心·2019-07-11 00:15

Vue+Typescript使用vue-router路由不正常跳转采坑记录

可能vue2.x和对ts的支持不是很好（期待vue3，将用ts重构）。期间遇到了一个最大的坑，找了挺久没有找到问题所在，最后解决了。
pppercywang·2019-07-08 20:18

vue-cli3x静态文件下载不了问题

在vue2.x版本类似static/文件夹。image.png下载download(){leta=document.createElement('a');a.hr
他爱在黑暗中漫游·2019-07-04 19:05

vue2.X集成Rxjs

想要引用Rxjs编程，只需在已有项目中执行以下操作即可：1.下载安装npminstallvue-rxrxjs--save-dev2.main.ts/main.js中导入importRxfrom'rxjs/Rx'//如果你想在vue中使用RxJS的体验更好，这里推荐使用vue-rx这个官方维护的库，使用如下：importVuefrom'vue'importVueRxfrom'vue-rx'impor
Sun____·2019-07-03 10:28

Vue过滤器(局部和全局过滤)

用来格式化数据的一个函数例如:$10‘$’+price日期的格式化Vue1.x版本借鉴了angular,提供10个过滤器，包括有：日期小数点位数保留货币大小写等Vue2.x废弃了这10个过滤器，但是它提供了自定义过滤器的方式使用方式全局定义过滤器
QQ_1440277049·2019-06-26 19:49

vue实现双向绑定原理

订阅发布模式实现数据劫持指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果典型的有1.Object.defineProperty()2.es6中Proxy对象vue2
希染丶·2019-06-20 18:12

Vue2.x双向数据绑定

1.vue双向绑定原理vue.js则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。我们先来看Object.defineProperty()这个方法：varobj={};Object.defineProperty(obj,'name',{get:functio
栴檀沉香·2019-06-20 11:00

尤雨溪：Vue Function-based API RFC

基于Vue2.x目前的API我们有一些常见的逻辑复用模式，但都或多或少存在一些问题。这些模式包括：Mi
零度源码·2019-06-14 12:00

vue2.x 监听数据变化 ---- watch

computed:{//需要监听的数据loginToken(){returnthis.$store.state.userinfo.status;}},watch:{loginToken(status){//监听的数据，根据不同情况执行不同console.log(status)if(status){this.$router.push({path:'/main/sy'});//登录成功跳转}}},
一城柳絮吹成雪·2019-06-04 20:00

vue-cli 3 全局过滤器的实例代码详解

到了vue2.x版本之后，内置到几个过滤器就被删掉了，如果需要用到过滤器，就要开发者自己去定义。可以把过滤器定义在某个组件内部，但这样就成了局部过滤器，在别的组件里是无法使用的。所以通常不会这么做。
Rabbit_svip·2019-06-03 08:27

Vue2.x通用编辑组件的封装及应用详解

本文实例为大家分享了Vue2.x通用编辑组件的封装及应用，供大家参考，具体内容如下效果组件源码{{name}}：{{value}}√×import'@/common/font/iconfont.css'exportdefault
ECMAScripter·2019-05-28 11:33

Vue2.x通用条件搜索组件的封装及应用详解

本文实例为大家分享了Vue2.x通用条件搜索组件的封装及应用，供大家参考，具体内容如下效果组件源码exportdefault{data(){return{searchValue:'',type:''}}
ECMAScripter·2019-05-28 10:14

慕课网-3小时速成vue2.x核心技术

vue：渐进式–JavaScript框架特点：易用，灵活，高效！已经会了HTML、CSS、JavaScript？即刻阅读指南开始构建应用！不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。20kBmin+gzip运行大小超快虚拟DOM最省心的优化总结：小而美（灵活的语法，灵活的开发方式）=>小但是很好用丰富的生态（模块、插件、开发团队、开发资料）=>资料很多广泛的应用（移动端、pc端）=
开水没有春天·2019-05-26 22:11

Vue2.x实现双向数据绑定原理

一.Object.defineProperty()介绍及使用二.Vue2.x实现双向数据绑定原理它的实现的核心是通过Object.defineProperty()，对data的每个属性进行了get、set
Benjaminpcm·2019-05-13 23:59

vue2.x 问题 4 : Expected indentation of 4 spaces but found 6

问题描述：开始使用webstorm上练习vue时出现了这个报错信息。解决办法：这个是因为在建立项目时，你选择了默认安装ESLint，他这个是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确在vue项目中找到build文件夹-->webpack.base.conf.js-->module找到如下的代码：把关于eslint的配置这行隐去就可以了module:{rules:[//把eslint
张今天·2019-05-06 08:46

vue2.x 学习笔记 插值表达式、v-cloak.v-click.v-text.v-bind.v-on

v-cloak需要在F12设置3g慢速网络Document[v-cloak]{/*display:none;*/}++++++++{{msg}}----------=================={{msg2}}1212112-->varvm=newVue({el:'#app',data:{msg:'123',msg2:'哈哈，我是一个大大的H1，我大，我骄傲',mytitle:'这是一个自己
鱼酱2333·2019-05-02 11:09

v-model的修饰符，lazy和number，vue1.x中的debounce已被移除

为什么突然想起来写这个问题呢，因为这两天接了一个优化任务，以前的老代码了，看到了debounce参数，在vue2.x中这个参数被移除了。
半斤番茄➕八两西红柿·2019-04-21 13:55

Vue 从入门到进阶之路（一）

显然尤大大是不想让我们好好活了，但是转念一想，比你优秀的人都还在努力，那我们努力还有什么用，开个玩笑而已，本人对于vue的接触时间不长，对其也没有深入地去研究源码，但是在vue3.x出来之前，还是想再复习一下vue2
丰寸·2019-04-16 09:00

开源精粹（第二期）

前端1.Vue-EasyTableVue-EasyTable是一款基于Vue2.x的table组件，具备自适应、表头与列固定、自定
IT程序狮·2019-03-30 14:43

开源精粹（第二期）

前端1.Vue-EasyTableVue-EasyTable是一款基于Vue2.x的table组件，具备自适应、表头与列固定、自定
IT程序狮·2019-03-30 14:43

JS面试之对象(2)

序列文章JS面试之函数(1)JS面试之数组的几个不low操作(3)前言一篇彻底搞懂对象,从此不用担心没对象啦;本文从对象定义方法,对象属性,Symbol数据类型,遍历几种方法,对象拷贝,vue2.x和vue3
Vicky丶Amor·2019-03-21 17:41

详解用vue2.x版本+adminLTE开源框架搭建后台应用模版

1、创建工程npminstall--globalvue-cli安装脚手架vueinitwebpackvue-adminlte初始化webpack项目cdvue-adminlte切换项目文件夹下npminstall安装依赖库npmrundev运行项目2、安装jquerynpminstalljquery―save-dev并在build/webpack.base.conf.js中，引入webpackva
Knight·2019-03-15 08:28

用vue2.x版本+adminLTE开源框架 搭建后台应用模版

1、创建工程npminstall--globalvue-cli安装脚手架vueinitwebpackvue-adminlte初始化webpack项目cdvue-adminlte切换项目文件夹下npminstall安装依赖库npmrundev运行项目2、安装jquerynpminstalljquery—save-dev并在build/webpack.base.conf.js中，引入webpackva
Knight·2019-03-14 00:00

推荐一个基于Springboot+Vue的开源博客系统

简介这是一个基于Springboot2.x，vue2.x的前后端分离的开源博客系统，提供前端界面+管理界面+后台服务的整套系统源码。响应式设计，手机、平板、PC，都有良好的视觉效果！
小宝2333·2019-03-10 16:14

使用自己开发的qiucode-ui组件库（基于Vue2.x）

笔者个人博客地址秋码技术分享qiucode-ui在线文档地址：https://zhenqicai.github.io/qiucodeUI-docs基于前面几篇的文章，想必大家对Vue-cli安装以及nodejs安装有所了解了吧，那笔者这里就不在叙述了。好了，打开你的cmd窗口。执行以下命令：vueinitwebpackdemo-vue等模板下载好，然后执行以下命令：cdqiucode-demonp
甄齐才·2019-03-07 13:00

Vue2.x中使用html2canvas将Dom转成图片

1、安装html2canvasnpminstallhtml2canvas--save2、template中的Dom{{carInfos.name}}3、this.$refs.imageWrapper获取元素后调用//引入importhtml2canvasfrom'html2canvas'html2canvas(this.$refs.imageWrapper,{backgroundColor:nul
福尔摩猪2333·2019-03-05 10:50

Vue2.x中选择图片裁剪（vue-cropper）

最近项目中有个选择图片后裁剪的需求，项目使用的是Vue。1、安装npminstall--savevue-cropper2、在组件中导入import{VueCropper}from"vue-cropper"exportdefault{data(){option:{img:'',size:1,outputType:"png",full:false,fixedBox:false,canMove:true
福尔摩猪2333·2019-03-05 10:00

Vue2.x全家桶点餐项目 小结二

小结二Vuex是什么：Vuex是一个专门为Vue.js应用程序开发的状态管理模式npminstallvuex--save创建store.js（如果创建index.js引用时可以引用到目录就可以了）importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)exportconststore=newVuex.Store({//定义属性state:{},//获取
nicepainkiller·2019-03-02 11:48

Vue.js尚硅谷视频学习笔记(第三章：vue-ajax)

第3章：vue-ajax3.1.vue项目中常用的2个ajax库3.1.1.vue-resourcevue插件,非官方库,vue1.x使用广泛3.1.2.axios通用的ajax请求库,官方推荐,vue2
canxuezhang·2019-02-27 15:39

在npm上发布基于Vue2.x开发的UI组件库（记录篇）

欢迎关注笔者的个人网站：https://www.qiucode.cn基于Vue开发的UI组件库肯定是要公用的，虽然可以在每创建一个Vue项目时可以复制这些组件，如果组件比较大的情况下呢？是不是很不方便呢？解决这一办法，就是发布到npm官网上，要想在npm上发布你的js，你肯定要有npm账号。https://www.npmjs.com官网上注册一直报错所以就只能使用命令了！npmadduser原先n
甄齐才·2019-02-27 12:30

JS之对象(2)

前言一篇彻底搞懂对象,从此不用担心没对象啦;本文从对象定义方法,对象属性,Symbol数据类型,遍历几种方法,对象拷贝,vue2.x和vue3.x拦截对象属性方法及代码实现几个方面由浅入深介绍对象1.对象的声明方法
火狼·2019-02-26 00:00

开发一套基于Vue2.x的UI组件库（环境搭建篇《一》）

基于Vue2.x开发的UI组件库有很多，诸如iViewUI组件库、ElementUI组件库等等，既然有这么优秀的UI组件，我们干嘛非要自己开发一套组件呢？
甄齐才·2019-02-19 12:05

vue.js 核心知识点五

-5.1常用自定义过滤器定义与使用Vue2.x不再支持自带的过滤器，使用过滤器需要自定义且过滤器只能使用在v-bind和双花括号里，以管道符“|”隔开，参数类似于函数的形式如：{{msg|filter(
我跟你蒋·2019-02-14 14:00

Vue入门

index.htmlVue.js为渐进式JavaScript框架Vue框架为MVVM框架,即数据源与控件双向绑定,在实际项目中频繁操作DOM节点,仅仅只需要控制数据源数据即可,不用考虑页面渲染.二.Vue的基本知识Vue2
CarsonChen·2019-02-13 18:02

VUE2.X全教程--基础详解（二）

主要内容：1.Vue实例的生命周期及每个生命周期中自调用函数调用时机2.模板语法的使用3.计算属性computed方法methods,及监听器watch操作属性4.计算属性中的get和set方法的使用5.Vue中的两种样式绑定方式6.Vue中的条件渲染7.Vue中的列表渲染和对象渲染上一章基础回顾-->{{message}}//当我们在创建一个组件时，其实Vue底层会创建出来一个Vue的实例，也就
无~痕·2019-01-25 01:51

VUE2.X全教程--入门篇(一)

主要内容：vue基础语法MVP及MVVM设计模式的介绍组件的简单使用一：下载进入官网新建vue项目--用vue实现第一个helloworld{{content}}//varapp=document.getElementById("app");//app.innerHTML='helloworld';//setTimeout(function(){//app.innerHTML='byehello'
无~痕·2019-01-23 22:53
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他