Vue2.0

vue2.0子组件修改父组件数据

从vue1.0升级至2.0之后prop的.sync被去除因此直接在子组件修改父组件的值是会报错的目的是为了阻止子组件影响父组件的数据那么在vue2.0之后如何在子组件修改父组件props传过来的值呢？
weixin_34361881·2020-08-14 21:50

vue2.0 axios封装、vuex介绍

一、前言博主也是vue道路上的行者，道行不深，希望自己的东西能对大家有所帮助。这篇博客针对了解过vue基础，但是没有做过vue项目的童鞋。如果想看基础指令，可以看我之前的一篇博客，请点击跳转，不过我还是建议看文档比较好。os:Vue文档是非常详细的二、准备做vue单页应用都需要会什么？1.vue的脚手架，直接帮你建好项目。再看看自己想要啥，补充啥！os:Git上有很多成品项目，可以找一个好点的拉下
weixin_30625691·2020-08-14 20:03

十分钟上手-搭建vue2.0开发环境（新手教程一）

想写一些关于vue的文章已经很久了，因为这个框架已经火了很久，在公司里用的框架都比较老旧，但怎么也得跟上前端发展变化的潮流，这不，开始使用vue开发项目了，一遍开发一边踩坑中，今天要记录的是五分钟搭建vue开发环境，运行GitHub上的开源项目。步骤很简单，只是在搭建环境的过程中会遇到各种各样奇怪的报错，十分让人头疼。官方文档：https://cn.vuejs.org/###1：安装node端开发
编程微刊·2020-08-14 19:18

v-charts利用ajax异步请求数据

基于Vue2.0和echarts封装的V-Charts图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。
thymeFree·2020-08-14 18:59

vue2.0和better-scroll实现左右联动效果

在做移动端商城或者其他页面的时候，经常会遇到左右联动的效果，今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。
Ethanhuyi·2020-08-14 12:02

（饿了么商家点餐页面Vue实战项目）Vue2.0商品详情页面 复用 商品列表页面 购物车小球贝塞尔曲线飞入效果

商品列表购物车小球飞入效果实现参照：https://blog.csdn.net/weixin_40618068/article/details/98198377一、创建food.vue，作为商品详情页面组件，在goods.vue（商品列表）页面引用。点击具体商品跳转到商品详情页。food.vue的html代码如下：{{food.name}}月售{{food.sellCount}}份好评率{{foo
zZ_Terry25·2020-08-13 23:44

vue2.0和better-scroll实现左右联动效果

vue2.0和better-scroll实现左右联动效果在做移动端商城或者其他页面的时候，经常会遇到左右联动的效果vue2.0和better-scroll这个插件一起实现左右联动效果。
『 时光荏苒 』·2020-08-13 22:07

vue2.0中goods选购栏滚动算法

不多说，直接代码，以便以后重复利用：importBScrollfrom'better-scroll';constERR_OK=0;exportdefault{props:{sell:{type:Object}},data(){return{goods:[],listHeight:[],scrollY:0};},computed:{currentIndex(){for(leti=0;i=height
你帅还不是一样要敲代码·2020-08-13 16:26

vue 过滤器

vue过滤器1关于vue过滤器在vue1.0的时候其实是内置了过滤器的，但是考虑到好多过滤器并不一定会被开发所调用，所以把原本内置的过滤器就给去掉了，但是过滤器还是比较普遍的，所以我们从vue2.0之后就需要自己定义过滤器
QF大数据·2020-08-13 16:00

饿了么Vue2.0与better-scroll结合的使用

首先安装better-scrollnpmibetter-scroll-Sgoods页面模板0"class="icon":class="classMap[item.type]">{{item.name}}{{item.name}}{{food.name}}{{food.description}}月售{{food.sellCount}}份好评率{{food.rating}}%￥{{food.price
keji_123·2020-08-13 15:39

vue2.0高仿饿了么better-scroll

首先安装better-scrollnpmibetter-scroll-Sgoods页面模板0"class="icon":class="classMap[item.type]">{{item.name}}{{item.name}}{{food.name}}{{food.description}}月售{{food.sellCount}}份好评率{{food.rating}}%￥{{food.price
alhivlhos222178181·2020-08-13 13:01

vue2.0 better-scroll左右联动

在做移动端商城或者其他页面的时候，经常会遇到左右联动的效果，今天我们就使用vue2.0和better-scroll这个插件一起实现左右联动效果。
微光时空·2020-08-13 12:12

vue2.0用axios来进行referer伪造

当使用跨域jsonp接口时。referer属性是前台接口告诉服务器该接口的域名，而后台可以对应设置请求头referer从而对接口进行限制访问。比如qq音乐的一个jsonp数据接口https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg其后台接口对referer和host的设置如下referer:'https://c.y.qq.com/
晓鱼仔·2020-08-13 11:18

vue2.0常用钩子

二，vue2.0中常用的钩子函数有：beforeCreated:组件实例刚被
Infogami·2020-08-12 22:34

vue2.0基础(一、内部指令)

指令1、条件判断v-ifv-elsev-show###v-if和v-show的区别：v-if：判断是否加载，可以减轻服务器的压力，在需要时加载。v-show：调整cssdispaly属性，可以使客户端操作更加流畅。2、循环v-for数字排序{{item}}varapp=newVue({el:'#app',data:{items:[20,23,18,65,32,19,54,56,41]}})对象形式
zZ_d205·2020-08-12 19:52

vue中axios设置公共请求地址

下面介绍一种方法来减少任务量：1、新建配置文件（config.js）如果是vue2.0的脚手架搭建
坏丶毛病·2020-08-12 17:01

Vue.js自定义指令

注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。
哎呦喂1111·2020-08-12 17:12

vue2.0简单原理

letTARGET=null;constutils={getValue(expr,vm){returnvm.$data[expr.trim()];},setValue(expr,vm,newValue){vm.$data[expr]=newValue;},model(node,value,vm){constinitValue=this.getValue(value,vm);newWatcher(v
MrYang_b51b·2020-08-12 16:06

vue-next（vue3.0）学习笔记（2）

watch完全等效于vue2.0的this.
bloomsOverBlooms·2020-08-12 14:40

vue3.0 Composition API 上手初体验 神奇的 setup 函数 (三) 生命周期函数

vue2.0生命周期对比3.0生命周期2.0周期名称3.0周期名称说明beforeCreatesetup组件创建之前createdsetup组件创建完成beforeM
FungLeo·2020-08-12 14:10

vue2.0项目引入element-ui

非原创转载于：https://segmentfault.com/a/1190000011023102注意：网上有说尽量不用cnpm，用npm一、新建项目1.查看node和npm是不是已经安装好命令：node-vnpm-v(没有安装的先安装环境);2.npminstall-gcnpm--registry=https://registry.npm.taobao.org(安装国内的淘宝镜像文件，后面的安
zhjfover·2020-08-12 14:28

常见的Vue基本指令有哪些？

可以控制元素的显示隐藏通过displaynonev-for：循环指令，基于一个数组或对象渲染一个列表，Vue2.0以上必须需配合key值使用。绑定一个标签循环一个数据源数组表格数字字符串v-b
weixin_45757427·2020-08-12 14:08

Vue引入elementUI组件

Element-Ul是饿了么前端团队推出的一款基于Vue.js2.0的桌面端UI框架，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，手机端有对应框架是MintUI。
王小婷666·2020-08-12 13:24

vue编译报错Do not use built-in or reserved HTML elements as component id: a

Vue2.0含有KeepAlive、Transition、TransitionGroup组件，尽量避免与这三个组件重名特殊用法：故意重名来实现一些特殊
较为有趣的人·2020-08-12 13:01

Vue2.0 框架配置：vue-cli + vue-router + vuex

写于2017-2-7(注：现在使用最新版的vue-cli已经可以统一配置一切，简单方便，本篇文章已过时2018-3-15)Vue中文站：cn.vuejs.orgvue-router官方教程：router.vuejs.org/zh-cnvuex官方教程：vuex.vuejs.org/zh-cn完整干净Demo地址：coding.net/u/java_luo/p/Vue_Demo/git1.开始安装v
前端_Logic·2020-08-12 11:32

Vue常用基本指令有哪些？

v-for：循环指令，基于一个数组或对象渲染一个列表，Vue2.0以上必须需配合key值使用。v-bind：动态地绑定一个或多个特性，或一个组件prop到表达式。
kobezzZ·2020-08-12 11:16

Vue几种常用的指令

3、v-for：循环指令，基于一个数组或者对象渲染一个列表，vue2.0以上必须需配合key值使用。4、v-bind：动态地绑定一个或多个特性，或一个组件prop到表达式。
萌叽·2020-08-12 10:48

vue2.0 transition -- demo实践填坑

前言vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的，具体请自行详看文档介绍：https://vuefe.cn/v2/guide/migration.html#过渡。在使用2.0版本做过渡效果的时候，虽然比1.0版本强大很多，但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已经很详细地介绍了各种应用场景，但是这里还是通过几个小demo案例来感受下vue2.0transitio
zengdejie123·2020-08-12 00:43

vue中的 动态组件(component :is) 和 dom元素限制(is)

一、is的使用参考Vue2.0教程，有讲到is的使用：解析DOM模板时的注意事项有些HTML元素，诸如、、和，对于哪些元素可以出现在其内部是有严格限制的。
堃大大的博客·2020-08-12 00:49

Vue3.0打包后出现一些map文件的解决办法

1，运行cnpmrunbuild开始打包2，会在项目目录下自动创建dist目录，打包好的文件都在其中解决办法：在vue2.0版本中去src/config/index.js中改一个参数：productionSourceMap
weixin_44112924·2020-08-12 00:26

Vue2.0中关于px转换rem

利用vue-cli创建项目，保证index.html中首先要转换要依赖于px2rem-loader和lib-flexible模块npmipx2rem-loaderlib-flexible-D然后去main.js中引入import'lib-flexible/flexible'再去脚手架搭建的build目录下找到utils.js中配置constpx2remLoader={loader:'px2rem-
無葯可救·2020-08-11 22:27

vue2.0项目 单位px转换rem配置

ps：px换算成rem，可直接在项目中写px的，无需写成rem，如需要使用px单位不换算则写成Px,大写的P项目添加依赖px2rem-loader和lib-flexible模块，使用命令安装：npmipx2rem-loaderlib-flexible-D在main.js中引入import'lib-flexible/flexible'找到项目下config文件夹下的utils.js文件，添加如下代码
一只狂躁的兔子·2020-08-11 22:30

详解vue2.0 不同屏幕适配及px与rem转换问题

1.设置meta标签2.安装postcss-px2rem和px2rem-loadernpmipostcss-px2rem--savenpminstallpx2rem-loader--save3.配置px2rem-loader这里是重要的一步~~在build文件中找到util.js，将px2rem-loader添加到cssLoaders中，如：constcssLoader={loader:'css-
qq_25462315·2020-08-11 22:51

Vue2.x教程之filter过滤器的使用

vue2.0以后已经放弃对自带的过滤器函数，但同时对开发人员提供了一个filter的处理器，虽然命名为filter，但是我觉得叫做数据处理器更体贴。
itKingOne·2020-08-11 21:32

修改 vue2.0在 ios8上出现白屏状态

自己搭建的vue框架遇到的问题原因是es6转es5的问题1.npminstallbabel-polyfilles6-promisebabel-preset-env--save-dev2.在package.json里写上"babel":{"presets":["env"],"plugins":[]},3.webpack.config.jsentry={app:["babel-polyfill",".
w244ang·2020-08-11 20:32

vue 什么是渐进式 响应式 意思。Vue常用的指令。VUE:跨域设置。vue router 新窗口。$router.push。

官网：cn.vuejs.org在读Vue2.0文档的时候，介绍“Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。
韩亚飞_yue31313_韩梦飞沙·2020-08-11 15:10

Vue2.0 + JSX

JSX简介JSX是一种Javascript的语法扩展，JSX=Javascript+XML，即在Javascript里面写XML，因为JSX的这个特性，所以他即具备了Javascript的灵活性，同时又兼具html的语义化和直观性。应用场景为了让大家更方便的去理解JSX的作用及用法，小编先为大家罗列了几个可能会用到JSX的应用场景。在消息框内添加html在开发过程中，经常会用到消息框，使用消息框可
A-Select °·2020-08-11 14:23

vue2源码学习开胃菜——snabbdom源码学习（一）

前言最近在学习vue2.0的源码，刚开始看其vdom源码，着实找不到方向，因为其在vdom的实现上还加入了很多vue2.0本身的钩子，加大了阅读难度。
weixin_34419321·2020-08-11 14:26

Vue2.0源码阅读笔记（一）：选项合并

  Vue本质是上来说是一个函数，在其通过new关键字构造调用时，会完成一系列初始化过程。通过Vue框架进行开发，基本上是通过向Vue函数中传入不同的参数选项来完成的。参数选项往往需要加以合并，主要有两种情况：1、Vue函数本身拥有一些静态属性，在实例化时开发者会传入同名的属性。2、在使用继承的方式使用Vue时，需要将父类和子类上同名属性加以合并。  Vue函数定义在/src/core/insta
weixin_30871293·2020-08-11 14:13

基于Vue全局组件与局部组件的区别说明

-",data:"数据：18892087118"}}};2、组件注册Vue.component('father',FATHER);3、组件挂载全局组件14、组件实例vue2.0---局部组件与全局组件vue2.0
·2020-08-11 13:39

Vue2.0响应式原理

我们都知道vue2.0的响应式原理使用的一个核心API是Object.defineProperty.为我们要观察的数据设置getter和setter方法。
敲出真谛·2020-08-11 12:24

深入理解Vue2.0响应式原理

在Vue2.0阶段，浏览器对Proxy的支持还不够理想，所以2.0还是基于Object.defineProperty来实现的。
Java架构狮狮·2020-08-11 12:13

阅读分析snabbdom源码

尤大在官宣Vue2.0的时候这么说过：渲染层基于一个轻量级的VirtualDOM实现进行了重写，该VirtualDOM实现fork自snabbdom。
李牧羊·2020-08-11 11:36

vue-cli3 引入 font-awesome的操作

font-awesome":"^4.7.0"执行npminstall在main.js引入//fontimport"font-awesome/css/font-awesome.min.css"补充知识：在Vue2.0
·2020-08-11 11:30

github前端项目汇总

1、基于Vue2.0和ECharts封装的图表组件：网站：https://github.com/ElemeFE/v-charts或直接git克隆:https://github.com/ElemeFE/v-charts.git2
知永无涯·2020-08-11 05:11

vue2.0使用Excel导入导出

一、安装三个依赖包npminstall-Sfile-savernpminstall-Sxlsxnpminstall-Dscript-loader二、按照图中路径把Blob.js和Export2Excel.js这两个文件夹放到文件夹内Blob.js源码地址https://github.com/eligrey/Blob.js/blob/master/Blob.jsExport2Excel.js源码/*
晓太白·2020-08-11 03:57

Vue 3.0双向绑定原理的实现

Vue3.0与Vue2.0的区别仅是数据劫持的方式由Object.defineProperty更改为Proxy代理，其他代码不变。
前端的小刘老师·2020-08-11 00:29

vue 2.0响应式源码实践，麻麻，我再也不怕被面试官提问啦

vue2.0/vue3.0响应式源码实践,麻麻，我再也不怕被面试官提问啦写在前面vue2.0响应式源码实现1.先创建一个对象2.实现observer方法3.接下来我们对observer函数进行改造4.假如给
王一诺Eno·2020-08-10 23:32

Vue2.0和3.0的响应式原理

vue3.0在数据的响应式上无疑做了很大的优化，性能得到大大提升。虽然vue3.0还没有正式发布，但是各大公众号已经闹得不亦说乎。我们都知道vue2的响应式原理的实现依赖的是Object.defineProperty这个API,用它来为要实现响应式的数据设置getter和setter方法。如果数据多时就要循环遍历。循环遍历就会降低性能。所以vue3.0就摒弃了这个方法，改为使用ES6中的proxy
小铃铛的打怪之路·2020-08-10 20:25

vue2.0实现列表数据增加和删除

本文实例为大家分享了vue2.0实现列表数据增加和删除的具体代码，供大家参考，具体内容如下css[v-cloak]{display:none;}table{width:800px;border-collapse
·2020-08-10 17:48
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他