Vue2.0

简单介绍一下vue2.0

VueVue是用于构建用户界面的渐进框架。作者尤雨熙特别强调它与其他的框架不同，Vue是渐进式的框架，可以逐步采用，不必一下就通过框架去重构项目。另外Vue的核心库只专注于视图层，这样就更容易与其他库或现有项目进行集成，也更灵活。Vue在兼容性上不支持IE8以下版本的浏览器，用到了ECMAScript5的功能，所有支持ECMAScript5的浏览器都没问题，像这些：安装如果你已经熟悉并安装webp
小智123·2017-09-20 10:30

前端框架Vue（2）——vue 子父组件的传参通信

*vue2.0推荐使用vuex,全局进行状态管理。（后面再讲）首先讲一下遇到的需求背景：解释一下：组件之间的关系：1、子组件login传参数给父组件app.vue$emit用法：vm.
AllenChinese·2017-09-20 00:00

Vue2.0父组件与子组件之间的事件发射与接收实例代码

关于vue2.0的事件发射和接收，大家都知道$dispatch和$broadcast在vue2.0已经被弃用了，取而代之的是更加方便快捷的方式，使用事件中心，组件通过它来互相通信，不管组件在哪一个层都可以通过实例化一个空
紫裳·2017-09-19 15:19

vue2.0开发入门笔记之.vue文件的生成和使用

这几天新项目用vue2.0开发，由于之前没用过vue，拿到项目框架看到都是.vue文件，不知道怎么用，以下是关于.vue文件的发现：1、一个.vue文件是一个封装的组件，在.vue文件里可以写html,
小禾子_Jane·2017-09-19 09:06

vue2.0 配置环境总结（都是泪啊）

最近有点空闲时间，终于把一直想学的vue提上了日程，以下是收集的一些帮助入门的链接1：https://vuefe.cn/v2/guide/vue2.0中文官网2：https://router.vuejs.org
你不知道的巨蟹·2017-09-16 00:00

详解axios 全攻略之基本介绍与使用（GET 与 POST）

axiosaxios是一个基于Promise的HTTP客户端，专门为浏览器和node.js服务Vue2.0官方推荐使用axios来代替原来的Vuerequest，所以这里介绍一下axios的功能和基本的使用方法
craftmanship·2017-09-15 10:51

Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)

在这之前，我已经分享过组件与组件的通信机制以及父子组件之间的通信机制，而我们的vuex就是为了解决组件通信问题的vuex是什么东东呢？组件通信的本质其实就是在组件之间传递数据或组件的状态（这里将数据和状态统称为状态），但可以看到如果我们通过最基本的方式来进行通信，一旦需要管理的状态多了，代码就会变得十分臃肿和庞大。对所有状态的管理便会显得力不从心，因此，vuex出现了，他就是帮助我们把公用的状态全
ghostwu·2017-09-15 08:38

Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)

我们接着上文继续，本文我们讲解兄弟组件的通信，项目结构还是跟上文一样.在src/assets目录下建立文件EventHandler.js，该文件的作用在于给同级组件之间传递事件EventHandler.js代码：importVuefrom'Vue';exportdefaultnewVue();1，在Components目录下新建一个组件Brother1.vueZ国:ghostwu{{msg}}im
ghostwu·2017-09-14 08:02

Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

在git命令行下，执行以下命令完成环境的搭建：1，npminstall--globalvue-cli安装vue命令行工具2，vueinitwebpackvue-demo使用vue命令生成一个webpack项目，项目名称为vue-demo3，cdvue-demo切入项目4，npminstall安装package.json中的所有依赖包5，npmrundev运行项目一、父组件向子组件传递数据然后删除默
ghostwu·2017-09-14 08:35

使用 Vuex + Vue.js 构建单页应用【新篇】

鉴于前端技术发展更新快速，特此在这里重新整理一篇vue2.0版本的vuex基本使用方法，希望能给更多刚入门或者将要入门的同学带来帮助。这
离尘不理人·2017-09-10 00:00

vue学习总结

引言随着学习vue2.0的脚步加快，突然之间感觉自己的知识点有一些遗漏，为了巩固所学知识，同时也为了查漏补缺，以根据自己学习和做项目的情况整理了我个人的vue技术栈，知识点梳理如下：开发环境搭建老话说的好
缘自世界·2017-09-09 21:50

Vue2.0用 watch 观察 prop 变化(不触发)

本文介绍了Vue2.0用watch观察prop变化(不触发)，分享给大家，具体如下：A组件：exportdefault{props:{name:{type:String}},data(){return{
akaylh·2017-09-08 17:55

vue2.0 项目开发小结

项目架构项目目录├──build├──config├──dist│  └──static│  ├──css│  ├──fonts│  ├──images│  ├──js│  └──lib├──src│  ├──api│  ├──assets│  │  ├──global│  │  └──images│  │  └──footer│  ├──components│  │  ├──common│  │
离尘不理人·2017-09-07 00:00

vue1.0升级到vue2.0

3.vue1.0和vue2.0的区别1.vue-routerAPI变化1)初始化路由变化2)v-link指令替换为组件接下来开始升级1.首先利用vue2
p小醋包q·2017-09-06 20:55

vue 2.0项目中如何引入element-ui详解

前言本文主要介绍了关于在vue2.0项目中引入element-ui的相关内容，从新建vue项目到引入组件Element介绍的非常详细，下面话不多说了，来一起看看详细的介绍吧。
月影蓝光·2017-09-06 11:24

Vue2.0做的项目在IE11下面打开一片空白？

解决方式：安装"babel-polyfill"即可。命令：cnpminstall--save-devbabel-polyfill  //我用的是淘宝镜像，所以是cnpm，如果你没有安装使用npm即可。在入口main.js文件引入：import'babel-polyfill'最后一步，在build文件夹下找到webpack.base.conf.js.将第10行的内容替换一下即可。把上图中的1替换成2
Bright2017·2017-09-05 13:07

详解Vue2.0 事件派发与接收

由于vue2.0移除了1.0中的$dispatch和$broadcast这两个组件之间通信传递数据的方法,官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了一个空的vue实例就可以做到
a5534789·2017-09-05 11:26

详解vue2.0 使用动态组件实现 Tab 标签页切换效果（vue-cli）

在vue中，实现Tab切换主要有三种方式：使用动态组件，使用vue-router路由，使用第三方插件。因为这次完成的功能只是简单切换组件，再则觉得使用路由切换需要改变地址略微麻烦，所以使用的是动态组件实现，如果是在大型应用上，可能使用vue-router会方便一些。先看下最终实现的效果，结构比较简单，顶部的三个Tab标签用于切换，内容区域分别为三个子组件。效果预览关键代码及分析如下：//每一个ta
我不是黄悠然·2017-08-30 10:16

Vue2.0权限树组件实现代码

项目使用的饿了么的Element-Ui，权限树使用其树形控件：刚开始没有特殊需求，三级分支，效果看着还可以。但是接下来的新需求：增加页面操作按钮权限，即达到四级分支，同时要求四级权限布局方式为横向，而且操作按钮权限非固定四级树，但是样式要求一致。这样子就很难操作了，如果单单是四级树为横向，还可以调调样式完成。本来想修改element的tree控件源码来实现，网上查了一些资料，还没有很好的办法生成其
敲键盘的猫·2017-08-29 11:07

vue2.0使用weui.js的uploader组件上传图片

vue2.0使用weui.js的uploader组件上传图片(兼容移动端)sufaith4个月前最近在使用vue2.0开发微信公众号网页其中涉及到选择图片,图片的压缩上传,预览,删除等操作。
A黄俊辉A·2017-08-28 14:40

vue2.0移除或更改的一些东西(移除index key)

一、vue2.0移除了$index和$key虽然说现在很多文章说他们的代码是vue2.0版本的，但是有一些仔细一看，发现并不全是2.0版本，有些语法还是1.0的版本，比如这个$index,$key，这两个压根就不是
fyk曩昔·2017-08-28 14:44

Vue0.1的过滤代码如何添加到Vue2.0直接使用

将Vue0.1里的过滤代码添加到Vue2.0，方法很简单，具体内容如下varfilters={orderBy:orderBy,filterBy:filterBy,limitBy:limitBy,/***
祗堂幻狼·2017-08-23 15:33

移动端项目如何在手机上面做测试

引言最近在看vue2.0，然后仿写饿了么，但是怎么把自己写好的项目在手机上面测试呢，比如移动端的1px边框问题，在电脑模拟的手机端是看不到的。
keji_123·2017-08-23 14:01

Vue2.0 探索之路——组件复用重复响应的研究

前言前段时间，同事发现一个弹窗组件被多个页面复用，然后点击按钮出现了多次响应。明明页面都会被销毁掉的呀，为啥还会出现重复调用呢。其实以前我也碰到过一两次，不知道啥情况后来没有再复现，再加上工期紧，当时就没有引起重视。这次同事碰到了，多次试验复现了。才深知当时挖的大坑啊没有填。所以这次就单独弄了个demo专门复现并解决这个问题。也希望吸取教训，以后碰到问题都要记录下来，尽早早早早早解决啊，不然都是坑
城南·2017-08-22 00:00

vue2.0 bcryptjs和sha256加密的简单使用.

先说点什么刚做到登录注册这一块,公司说用加密bcryptjs,然后就一顿百度,有好多种加密方式,什么MD5、RSA算法等等,最后选择了bcryptjs,刚弄好了又说不用了,换sha256,玩我呢,算了/(ㄒoㄒ)/~~,还是改吧,最终还是知道了怎么使用,深入点就...正题一.bcryptjs加密1.Bcrypt就是一款加密工具，可以比较方便地实现数据的加密工作.2.bcryptjs是一个第三方密码
青棘·2017-08-22 00:00

vue2.0项目中使用Ueditor富文本编辑器示例代码

最近在vue项目中需要使用富文本编辑器，于是将Ueditor集成进来，作为公共组件。项目地址：https://github.com/suweiteng/vue2-management-platform1.放入静态资源并配置首先把官网下载的Ueditor资源，放入静态资源src/static中。修改ueditor.config.js中的window.UEDITOR_HOME_URL配置，如下图：2
独木成林·2017-08-14 14:23

Vue2.0 学习笔记

Vue2Vue对象实例实例访问实例属性与方法Vue基本概念全局apiVueuseVuecomponentVueextend选项创建Vue实例对象可以使用的选项dataeltemplatemethods实例属性方法Vue实例可以调用的属性方法vmdatavmelvmonvmemit指令v-textv-htmlv-showv-ifv-elsev-else-ifv-forv-on内置组件组件模板语法列表
秋刀鱼好吃但鱼刺多·2017-08-13 16:48

vue.js学习之router-link

在vue2.0中，原来的v-link指令已经被组件替代了，这个组件接受以下属性参数：to：一个路径字符串，或者一个LocationDescriptor对象。tag：渲染的html元素类型，默认是a。
HEternally·2017-08-12 00:00

vue综合讲解

vue2.0和1.0模板渲染的区别Vue2.0中模板渲染与Vue1.0完全不同，1.0中采用的DocumentFragment（想了解可以观看这篇文章），而2.0中借鉴React的VirtualDOM。
我是上帝可爱多·2017-08-10 18:44

Vue2.0实现将页面中表格数据导出excel的实例

这两天学习了Vue.js感觉知识点挺多的，所以，今天添加一点小笔记。项目中将后台返回的数据v-for到表格中，然后需要将这个表格导出为EXCEL只说怎么做。一、需要安装三个依赖：npminstall-Sfile-saverxlsxnpminstall-Dscript-loader二、项目中新建一个文件夹：（vendor---名字任取）里面放置两个文件Blob.js和Export2Excel.js
我爱吃花椒·2017-08-09 09:12

vue-quill-editor实现图片上传功能

问题描述  项目使用的vue2.0开发，项目中需要一个富文本编辑器，楼主经过一番心理挣扎选择了vue-quill-editor。具体如何引用作者在项目中已经写得很明白了，我在这里就不再赘述。  
NowYouSeeAll·2017-08-08 11:54

Vue2.0 vue-source jsonp 跨域请求

本文介绍了Vue2.0vue-sourcejsonp跨域请求，分享给大家，希望对大家有所帮助以调用百度的输入提示接口为例main.jsimportVuefrom'vue'importVueResousefrom'vue-resource'importAppfrom'./App.vue'Vue.use(VueResouse)newVue({el:'#app',render:h=>h(App)});A
幽竹小妖·2017-08-04 17:25

Vue2.0 propsData

propsData不是和属性有关，他用在全局扩展时进行传递数据。先回顾一下全局扩展的知识，作一个的扩展标签出来。实际我们并非推荐用全局扩展的方式作自定义标签，我们学了组件，完全可以使用组件来做，这里只是为了演示propsData的用法。varfatherIsWho=Vue.extend({template:`{{question}}结果:{{answer}}`,data:function(){re
DeadPool丶丶·2017-08-03 21:30

Vue2.0 Component的详解（重点）

1.0全局的component&局部的componentVue.component('lhq',{template:'我是一个全局的lhq组件'})上述的虽然是全局的一个组件，能在多个vue作用域里面使用,但是必须在vue作用域里面，记住一定得在vue作用域里！！！varapp=newVue({el:'#app',components:{'lhq':{template:'我是局部的一个组件'}}}
DeadPool丶丶·2017-08-03 17:13

Vue2.0 Component的详解（重点）

1.0全局的component&局部的componentVue.component('lhq',{template:'我是一个全局的lhq组件'})上述的虽然是全局的一个组件，能在多个vue作用域里面使用,但是必须在vue作用域里面，记住一定得在vue作用域里！！！varapp=newVue({el:'#app',components:{'lhq':{template:'我是局部的一个组件'}}}
DeadPool丶丶·2017-08-03 17:13

vue 2.0封装model组件的方法

本文介绍了vue2.0封装model组件的方法，分享给大家，希望对大家有所帮助单文件组件使用单文件组件封装model的模板、逻辑和样式，之后就可以在页面中调用此通用组件。
回调的幸福时光·2017-08-03 14:20

Vue2.0全局API

1.0Vue.directive定义在全局的自定义指令，可以自己设置指令名称，指令逻辑，完成某种新功能例如我是自定义颜色指令Vue.directive('colorful',function(el,binding){el.style='color:'+binding.value})这里的directive里的第一个参数是自定义指令的名称，第二个是一个函数，函数里面有三个参数，第一个是el代表的是自
DeadPool丶丶·2017-08-03 14:38

vue2.0 Class与Style绑定

对象语法给:class绑定对象，对象可以有多个键值对。:class可以和普通class并存。绑定数据中的一个对象。data:{classObject:{active:true}}计算属性data:{isActive:true},computed:{classObject:function(){return{active:this.isActive}}}数组语法绑定数组三元表达式对象数组组件acti
回调的幸福时光·2017-08-03 10:29

Vue2.0 教程-表达式,条件渲染,列表渲染,样式绑定,事件,v-model

表达式Vue的表达式不叫表达式,叫插值,写法是{{5*4}}或者{{[1.2.3].reverse().join("--")}}单次插值:{{*val}}值插入后不能再改变html插值:{{{htmlStr}}}输出html标记{{5*4}}{{[1,2,3].reverse().join("-")}}{{4{{html}}会正确输出Hello中国如果是{{html}}则会输出Hello中国带标签
格调的声色影像·2017-08-01 19:33

Vue2.0 组件传值通讯的示例代码

在Vue项目中，我们经常把某个功能模块封装起来，形成组件，下次调用时非常方便，同时也是在一些循环中进行dom操作的一种较好方式。本次我想以一个评价组件来说一下组件的事件和参数是怎样传递的，如何完成的组件通讯。示例如下：这里先说一下组件设计思路：明确整个功能场景，找出存在的事件操作，此例是一个简单的评价功能，即点击某一个星星时左边以及当前为选中的黄色星，右边为未选中的白色星。确定可复用的组件，即具有
Yunfly·2017-08-01 14:08

Vue2.0 组件传值通讯

在Vue项目中，我们经常把某个功能模块封装起来，形成组件，下次调用时非常方便，同时也是在一些循环中进行dom操作的一种较好方式。本次我想以一个评价组件来说一下组件的事件和参数是怎样传递的，如何完成的组件通讯。示例如下：demo界面.png这里先说一下组件设计思路：明确整个功能场景，找出存在的事件操作，此例是一个简单的评价功能，即点击某一个星星时左边以及当前为选中的黄色星，右边为未选中的白色星。确定
Yunfly·2017-08-01 14:04

Vue2.0 多 Tab切换组件的封装实例

Vue2.0多Tab切换组件简单封装，满足自己简单的功能，可以直接拿去使用！
Rkatsiteli·2017-07-28 11:04

Vue2.0利用vue-resource上传文件到七牛的实例代码

本文介绍了Vue2.0利用vue-resource上传文件到七牛，分享给大家，希望对大家有帮助关于上传，总是有很多可以说道的。
Smohan·2017-07-28 09:24

Vue2.0如何发布项目实战

大家好，这节我们主要讲解项目的发布，其实很简单，没有大家想的那么复杂，具体如下操作。一、创建VUE项目首先我们需要创建VUE项目，创建项目的代码如下：#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#安装依赖，走你$cdmy-project$npminstall$npmrundev
陈楠酒肆·2017-07-27 09:48

在Vue中如何使用Cookie操作实例

一、安装Cookie在Vue2.0下，这个貌似已经不需要安装了。因为当你创建一个项目的时候，npminstall已经为我们安装好了。我的安装方式如下：#全局安装vue-cli$np
陈楠酒肆·2017-07-27 09:07

互联网公司“黑话”大全，各个岗位都躺枪了！

人力资源黑话原文:《hr妹子招聘黑话，面试的时候小心了》Boss老板黑话原文:《Boss黑话，老板看完都笑了》推荐扩展阅读原创教程：《ECMAScript6系列》原创教程：《Vue2.0基础系列》附加习题
大成子 | 翻身的码农·2017-07-25 17:12

关于Vue.js2.0生命周期的研究与理解

总体感知首先贴一张Vue文档给出的生命周期图示，并添加了一些注释Vue2.0的生命周期钩子一共有10个，同样结合官方文档作出了下表生命周期钩子详细beforeCreate在实例初始化之后，数据观测(dataobserver
weixin_34413103·2017-07-25 16:06

Vue.js 2.0 由浅入深，第二天 day02

##一、发送AJAX请求###1.简介vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0
汤小洋·2017-07-25 14:22

vue2.0的contextmenu右键弹出菜单的实例代码

整理文档，搜刮出一个vue2.0的contextmenu右键弹出菜单的实例代码，稍微整理精简一下做下分享。
Lonely,lonelyBurning·2017-07-24 16:39

Vue2.0指令-（2）

1.指令含义：directive（指令）是特殊的带有前缀v-的命令，指令的值限定为绑定表达式，指令的职责就是当表达式的值改变时把某些特殊的行为应用到DOM上。2.内部常用指令:**v-if指令**:根据表达式的值（trueorfalse）在DOM中生成或者移除一个元素会显示//会在结构中显示会显示//会在结构中显示不会显示//不会在结构中显示不会显示//不会在结构中显示newVue({el:'#a
addin_gao·2017-07-20 20:22
上一页 62 63 64 65 66 67 68 69 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他