Vue2.0

JavaScript框架

1、渐进式框架看了知乎《Vue2.0中，“渐进式框架”和“自底向上增量开发的设计”这两个概念是什么？》
玫瑰不香·2019-10-08 16:00

vue-cli和v-charts实现可视化图表过程解析

基于Vue2.0和echarts封装的v-charts图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。v-charts的中文社区文档（https://v-
有梦想的咸鱼前端·2019-10-08 09:16

Vue 3.0 终于来了！ 官方凌晨开源代码

点击上方“开发者技术前线”，选择“星标”13：21在看真爱Vue是前端不可缺少的框架，自2.0发布以来，Vue快速得到了国内开发者的热捧，接着我（常驻编辑）发现Vue3.0计划作出比vue2.0的改进。
devolperfront·2019-10-05 12:23

[Vue] vue2.0文档快览

vue实例所有的Vue组件都是Vue实例，并且接受相同的选项对象当一个Vue实例被创建时，它将data对象中的所有的属性加入到Vue的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值Vue实例还暴露了一些有用的实例属性与方法。它们都有前缀$，以便与用户定义的属性区分开来。apivarapp01=newVue({el:"#app",//里面是选择器可以是id,clas
月山·2019-10-02 21:23

Vue3.0 Function API---------引用

不，100%兼容Vue2.0，且暂未打算废弃任何API（未来也不）。之前有草案试图这么做，但由于用户反馈太猛，被撤回了。Vue3.0的设计盖棺定论了吗？
又回到了起点·2019-09-29 16:00

v-charts使用过程中的技巧及遇到的问题

基于Vue2.0和echarts封装的v-charts图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。
无锡肖奈·2019-09-27 00:00

Vue 3.0 前瞻，体验 Vue Function API

最近Vue官方公布了Vue3.0最重要的RFC：Function-basedcomponentAPI，并发布了兼容Vue2.0版本的plugin：vue-function-api，可用于提前体验Vue3.0
wx5d61fdc401976·2019-09-23 15:39

【每周小回顾】8- 一起回顾上周精彩内容

22在上周，【前端自习课】与大家分享了7篇文章，主要以介绍知识为主，其中分享了我自己整理的《Webpack4入门手册》和《CSS实现宽高等比自适应容器》，更多内容：1.Vuejs相关文章地址：文章介绍：vue2.0
王平安·2019-09-23 07:00

通过vue提供的keep-alive减少对服务器的请求次数

下面看下通过vue提供的keep-alive减少对服务器的请求次数VUE2.0中提供了一个keep-alive方法，可以用来缓存组件，避免多次加载相应的组件，减少性能的消耗。
·2019-09-23 02:28

Vue2.0实现组件数据的双向绑定问题

通过上一节的学习，我们了解到了在Vue的组件中数据传递：prop向下传递，事件向上传递。意思是父组件通过prop给子组件下发数据，子组件通过事件给父组件发送消息。但Vue中，props是单向数据绑定，虽然在Vue1.0版本中，通过.sync能实现双向数据绑定。但.sync在几个版本中被移除，尽管在2.3版本重新引入.sync修饰符，可这次引入只是作为一个编译时的语法糖存在。如果直接使用.sync修
·2019-09-23 02:20

Vue2.0用户权限控制解决方案

Vue-Access-Control是一套基于Vue/Vue-Router/axios实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。安装版本要求Vue2.0xVue-router3.x获取git：gitclonehttps://github.com/tower1229/Vue-Access-Control.gitnpm：npmivu
·2019-09-23 00:56

vue2.0数据双向绑定与表单bootstrap+vue组件

最近一直在用vue，觉得确实是好用。一，拿数据的双向绑定来说吧demo1{{name}}newVue({el:'#app',data:{name:''},watch:{name:function(){console.log(this.name);}}});vue中的所有数据都是在data中定义的，el是指的挂载的元素，watch是我可以检测某个数据的变化。v-model=“name”就是与data
·2019-09-22 21:04

Vue2.0 从零开始_环境搭建操作步骤

简要：继项目空闲后，开始着手vue的学习;为此向大家分享其中的艰辛和搭建办法，希望能够跟各位VUE大神学习探索，如果有不对或者好的建议告知下；*~*！一、什么是VUE？是一种node.js框架，特点如下:1.数据绑定（特性：双向绑定；一旦发生变化，Dom节点实时更新；PS:尽量抛弃JQ，次特点已经可以解决很多特效等问题）2.组件化（比如：乐高积木一样通过互相引用而组装起来）二、开发环境三、环境搭建
·2019-09-22 16:18

vue-cli+webpack记事本项目创建

vue-cli+webpack记事本项目使用的是vue-cli2.0里面的项目构建工具webpack项目的准备工作：1.了解vue2.02.了解一些ES63.储备一些webpack知识参照项目地址：vue2.0
·2019-09-22 13:24

vue2.0 elementUI制作面包屑导航栏

Main.jsvarrouteList=[];router.beforeEach((to,from,next)=>{varindex=-1;for(vari=0;i{{item.name}}exportdefault{name:"lelve-bread",created(){this.getRoutePath();},data(){return{realList:[]}},methods:{get
·2019-09-22 13:49

Vue中自定义指令的使用方法！

注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。
前端伪大叔·2019-09-21 23:00

精读《Vue3.0 Function API》

不，100%兼容Vue2.0，且暂未打算废弃任何API（未来也不）。之前有草案试图这么做，但由于用户反馈太猛，被撤回了。Vue3.0的设计盖棺定论了吗？没有呀，这次
wx5d61fdc401976·2019-09-19 15:59

全局安装vue2.0脚手架与vue3.0脚手架

先window+r输入cmd打开输入命令窗口(小黑屏幕)全局安装vue2.0脚手架npminstallvue-cli-g安装完成之后输入vue-V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功
Misnice·2019-09-09 09:27

Vue2.0、3.0双向数据绑定

引言大家都知道Vue双向数据绑定就是指v-model指令，而v-model的本质就是input、value的语法糖，语法糖就是方便我们代码编写，那么它底层又是怎样实现的呢？本篇将会以不同的vue版本为切入点，进行模拟实现。vue2.0-Object.definedProperty()constinput=document.getElementById('inp');constview=docume
不够自律的孙同学·2019-08-30 21:40

Vue2.0的八种常用传值方式、父传子、子传父、非父子组件传值（最完整）

Vue2.0传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？
CAFFE009·2019-08-30 15:18

01.Element UI初识

|--ElementUI：一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。
stillpeng·2019-08-27 16:00

vue项目-axios封装、easy-mock使用

vue全家桶概括下来就是项目构建工具（vue-cli）路由(vue-router)状态管理(vuex)http请求工具vue有自己的http请求工具插件vue-resource，但是vue2.0后作者就不在更新了
一根小雪糕·2019-08-26 11:00

Vue指定不编译的文件夹和favicon.ico

Vue指定不编译的文件夹和favicon.ico在Vue3.0中引入public文件夹，不希望被编译的文件都可以放到这个文件夹下，但是在vue2.0中实现类似的功能，需要自己在webpack.prod.conf.js
Markov Zheng·2019-08-21 17:06

vue-cli+v-charts实现可视化图表

基于Vue2.0和echarts封装的v-charts图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。v-charts的中文社区文档（https://v-
有梦想的咸鱼前端·2019-08-21 15:00

2019年8月所遇知识点整理

*注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一，json树状结构数据获取二，vue2.0富文本编辑器插件vue-quill-editor三，vue插件库集合
小缘·2019-08-21 00:00

如何解决vue2.0 打包之后 打开index.html出现空白页

如何解决vue2.0打包之后打开index.html出现空白页1.打包之前修改三个文件1.1.第一步，找到build文件，在webpack.prod.conf.js第25行左右有一个对象为output,
米斯特苏·2019-08-20 18:00

一套基于vue2.0高质量的UI框架，前期开发中

写在前边自己在业余时间开发的一套基于vue的UI框架，初衷是在平时的开发过程中，发现有很多业务利用现有的UI框架实现起来比较麻烦，另外自己也希望可以写一套可以尽量多的满足业务需求，理想是开发一套支持多端，兼容性高的，同时兼容vue和react的框架，这样以后用起来的话也比较简单，以后如果遇到更多的不同的业务需求的话可以继续添加需要的组件，自己维护，这样的话可能对自己来说的话比较方便，但是也同样的希
kingSoft·2019-08-20 00:00

Vue之实现props双向绑定

vue2.0版本的props遵循单项数据流的准则，目的是防止双向绑定导致数据流向改动混乱，但业务中难免遇到需要对props进行双向绑定，封装子组件调用，实现组件的高复用性，例如elementui组件中的组件设计亦是如此
昔有木如盖·2019-08-19 00:00

详解vue2.0中 render: h => h(App)

创建一个vue项目，基本都是用到vue-cli，新建的项目main.js里面会有这么一句代码：newVue({render:h=>h(App),}).$mount('#app')这个就是创建一个vue对象，然后挂载到制定的页面节点。这里重点说的是render:h=>h(App)是啥意思？怎么理解？这个首先要知道ES6的箭头函数的用法，这个函数还原就是如下：//createElement就是h,一个
show_code·2019-08-16 12:33

vue cli2升级到vue cli3以及vue3,0版本创建项目步骤

vuecli2.9.6npmuninstall-g@vue/cli3.下载最新的vuecli版本npminstall-g@vue/cli二.vue3,0版本创建项目1、vuecreatemyproject2、默认选择default方式即可vue2.0
厝火燎原·2019-08-16 10:40

vue2.0和animate.css的结合使用

animate.css是一款前端动画库，相似的有velocity-animate。上述是一个完整的结构。其中重要的几个点用箭头表示出来。首先在transition组件内部，需要定义两个基本的class类，表示过渡进来和过渡出去的时候所要配合使用的animate.css的类值。zoomInLeft/zoomOutRight是其中的一对儿。具体的其它效果可以查看animatecss的官网。其次在tra
朱小波·2019-08-14 14:00

关于VUE2.0中v-if使用数组内的条件动态判断无法生效判断

在使用v-if控制元素显示隐藏时候，如果判断条件是数组中的元素，在一开始页面渲染显示正常，可以用数组内的变量来控制v-if元素，但是以后通过方法直接改变数组内变量却不能影响v-if控制的元素显示隐藏。你可以使用this.$set(obj,key,value)/vue.set(obj,key,value)当你使用的是数组this.$set(arr,index,value)/vue.set(arr,i
霜序十一丶·2019-08-14 12:30

Vue 3.0 前瞻Vue Function API新特性体验

最近Vue官方公布了Vue3.0最重要的RFC：Function-basedcomponentAPI，并发布了兼容Vue2.0版本的plugin：vue-function-api，可用于提前体验Vue3.0
counterxing·2019-08-12 11:45

vue2.0做移动端开发用到的相关插件和经验总结

cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；better-scroll：可能是目前最好用的移动端滚动插件;fastclick：解决移动端click300ms延迟vConsole：手机前端开发调试利器webpac
Daotin·2019-08-11 13:00

Vue 3.0 前瞻，体验 Vue Function API

最近Vue官方公布了Vue3.0最重要的RFC：Function-basedcomponentAPI，并发布了兼容Vue2.0版本的plugin：vue-function-api，可用于提前体验Vue3.0
counterxing·2019-08-11 00:00

踩坑Vue2.0属性props之双向绑定

为了避免双向绑定在项目中容易造成的数据混乱，vue2.0取消了props的双向绑定，改成只能从父级传到子级的单向数据流。第一次在项目中遇到这样的问题，这里做一下记录。
Homer_Simpson·2019-08-09 16:57

用Vue2.0实现简单的分页及跳转

用Vue2.0实现简单的分页及跳转2018年07月26日20:29:51Freya_yyy阅读数3369版权声明：本文为博主原创文章，未经博主允许不得转载。
吃饭了吗·2019-08-09 12:00

Vue的模板语法

⚠Vue2.0以后的版本以及React（
HassGy·2019-08-06 22:37

Vue2.0双向绑定原理

Vue最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript对象。而当你修改它们时，视图会进行更新。那么，Vue是如何实现的呢？vue.js则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。整体思路核心：通过Object.defi
傑仔·2019-08-02 16:51

vue2.0 创建项目

准备安装淘宝npm镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org添加系统变量path的内容因为cnpm会被安装到D:\ProgramFiles\nodejs\node_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。cnpm-vnpminstall-g@vue/cli查看
sands·2019-08-01 19:00

[转]Vue 2.0——渐进式前端解决方案

最近发布的Vue2.0又做了哪些改进呢？Vue和Weex又是怎样的一种合作？
追求极致·2019-07-31 16:00

Vue2.0 详解

Vue生命周期函数Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。实例、组件通过newVue()创建出来之后会初始化事件和生命周期，然后就会执行beforeCr
小王加油·2019-07-30 21:29

vue2.0项目集成Cesium的实现方法

安装cesium在已有项目中执行,npmicesium修改配置build/webpack.base.conf.js1、定义Cesium源码路径constcesiumSource='../node_modules/cesium/Source''usestrict'constpath=require('path')constutils=require('./utils')constconfig=req
林珞·2019-07-30 11:04

2019-07-29 vue2.0 自定义 柱状图 （Echarts）组件

子组件importechartsfrom"echarts";exportdefault{props:{//IDmyChartId:{type:String,default:"myChartBarId"},//样式echartStyle:{type:String,default:""},//标题文本titleText:{type:String,default:""},//标题文本subText:{t
追寻1989·2019-07-29 10:17

2019-03-20 vue2.0 自定义 饼状图 （Echarts）组件

子组件importechartsfrom'echarts';exportdefault{props:{//IDmyChartId:{type:String,default:'myChartId',},//样式echartStyle:{type:String,default:''},//标题文本titleText:{type:String,default:''},//提示框键名tooltipForm
追寻1989·2019-07-29 10:58

Vue2.0实现简单分页及跳转效果

用Vue2.0实现一个数据的分页及页数的跳转，代码如下：数据绑定：{{...}}
Freya_yyy·2019-07-29 10:24

vue2.0项目集成Cesium

安装cesium在已有项目中执行,npmicesium修改配置build/webpack.base.conf.js1、定义Cesium源码路径constcesiumSource='../node_modules/cesium/Source''usestrict'constpath=require('path')constutils=require('./utils')constconfig=req
林珞·2019-07-29 00:00

Vue webpack 项目自动打包压缩成zip文件的方法

这段时间用Vue2.0开发项目，每次打包都会用到npmrunbuild命令，但是每次部署时给后端发包都要手动zip压缩，这样一两次还行，但遇到项目板块测试和临时加急功能测试的时候，一天可能就要打包好多次
帝鸿琬琰·2019-07-24 08:42

Vue2.0和Vue3.0的区别

Vue2.0vue3.0安装npminstall-gvue-clinpminstall-g@vue/cli//原型开发(直接将.vue文件运行起来)npminstall-g@vue/cli-service-global//运行vueserve项目创建vueinitwebpackproject-namevuecreateproject-name(工程名要全部小写)//图形化界面vueui卸载npmu
孺子牛丶·2019-07-22 14:50

Vue2.0 render:h => h(App)

newVue({router,store,//components:{App}vue1.0的写法render:h=>h(App)vue2.0的写法}).
凤箫之舞·2019-07-19 15:19
上一页 51 52 53 54 55 56 57 58 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他