Lucky_LXG的博客

1. vue2.0 全局变量怎么设置在入口文件中使用Vue.prototype，设置之后就可以使用this.访问到了。另外如果要设置的变量少可以直接使用，变量多的话则可以建一个文件export default出一个变量组成的对象。1）少的情况Vue.prototype.name = 'xiao'//在.vue中使用则直接this.name就可以访问到2）多的情况//新

Vue实例详解与生命周期http://www.jianshu.com/p/b5858f1e6e76Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。Vue实例初始化的选项配置对象详解前面我们

Vue入门之组件化开发http://www.jianshu.com/p/6718ab1caa81组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。前端组件化确实让大的前端团队更高效的开发前端项目。而作为前端比较流行的框架之一，Vue的组件和也做的非常彻底，而且有自己的特色。尤其是她单文件组件开发的方式更是非常方便，而且第三方工具支持也非常丰富，社区也非常活跃，第三方组

http://www.jianshu.com/p/58e72750cc62?utm_source=tuicool&utm_medium=referralVue是什么？Vue.js（读音/vjuː/,类似于view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项

如果我在父组件的button上绑定了click事件，我想当点击button时可以触发子组件(单文件的子组件xx.vue)的某个方法（如fn1），要这样的效果该怎样实现？之前看了vue1的文档实例里面有methods和events这两者有什么区别，为什么在vue2去掉dispatch后我用emit('fn'),如果fn放在events会没有响应，而放在methods里面才会被触发到？子组件：

Vue.js 是一套构建用户界面的 渐进式框架。它非常容易与其它库或已有项目整合，而无须从头开始重构整个项目；另一方面，Vue 完全有能力驱动采用单文件组件来开发的更为复杂的单页应用。https://segmentfault.com/a/1190000008591915目前在我参与开发维护的项目中已经使用上了Vue.js的一些基本功能，下面两幅图来自项目截图。

传统的网页应用单页应用单页应用的优缺点每种技术都有其利弊，单页应用也是如此。无刷新体验，这个应该是最显著的有点，由于路由分发直接在浏览器端完成，页面是不刷新，对用户的响应非常及时，因此提升了用户体验；完全的前端组件化，前端开发不再以页面为单位，更多地采用组件化的思想，代码结构和组织方式更加规范化，便于修改和调整；API 共享，如果你的服务是多端的（浏

有人说只会vue不会vuex还只是个切图仔，所以本项目结合前端Vue2.0全家桶(vue+vue-router+vuex+axios+es6+sass)以及后端Node,一个前后端分离的练手项目。本项目可以作为一个前端vue进阶项目，从前端flex布局到前端vue以及组件分离的使用，再到后端Node以及Leancloud的结合，是一个打通前后端流程的一个项目。欢迎大家前来star。如果有任何问题，

vue.js 是数据绑定的框架，大部分情况下我们都不需要直接操作 DOM Element，但在某些时候，我们还是有获取DOM Element的需求的；http://www.tuicool.com/articles/6Jfiyyz在 vue.js 中，获取某个DOM Element常用的方法是将这个元素改成一个 组件 (component)，然后通过 this.$el 去获取，但是在一些很小

Vue的异步组件1、前置要求建议使用webpack；Browserify在默认情况下不支持；2、用法解释首先上官网说明：https://cn.vuejs.org/v2/guide/components.html#异步组件虽然说明是没问题的，但是示例中的写法怪怪的，不符合一般新手学习者在实际使用中的习惯。嗯，换句话说，这段代码告诉你，通

最近做了一个Vue开源项目库汇总，里面集合了OpenDigg 上的优质的Vue开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★

简单快速了解Vue.js的开发流程   Vue.js作为目前最热门最具前景的前端框架之一，其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文主要介绍 vue.js的开发流程，不会涉及知识点的具体代码，点到为止。了解Vue.js的开发流程，并进一步理解如何通过Vue.js来构建一个中大型的前端项目，同时做好相应的部署与优化工作。Vue.js简介

使用inteceptor拦截器可以在请求发送前和发送请求后做一些处理。image基本用法Vue.http.interceptors.push((request, next) => {// ...// 请求发送前的处理逻辑// ...next((response) => {// ...// 请求发送后的处理逻辑// .../

之前用Vue做了一个基础的组件 vue-img-inputer ，下面就叫 vii ，记录下在开发过程中遇到的 知识点 （都算比较基础，具体代码不会贴太多，都可以在 项目 仓库里看到）。上传文件很多项目都要用到，一些组件库里(ele/iview...) 文件上传组件 都是做成了标配，虽然 vii 和 uploader 定位还是有些差别，但实现上都有几个共同要点：样子要好看点

本文给出基于 Vue2 的移动端环境搭建，移动端大家更多想到的是响应布局，我们根据不同大小的屏幕进行适配，当然少不了我们的重头戏 rem，移动端相比 pc 端就没什么特别的了。我会一步一步带领大家进入 Vue2 的世界，拥抱变化，熟悉 Vue 1.x 的根据文档可以迅速掌握 2.0，因为其中大约 90% 的语法是重复的。2.0 更多是基于框架本身的优化，整体设计思想是不变的。v

vm.$nextTick简单说，因为DOM至少会在当前tick里面的代码全部执行完毕再更新。所以不可能做到在修改数据后并且DOM更新后再执行，要保证在DOM更新以后再执行某一块代码，就必须把这块代码放到下一次事件循环里面，比如setTimeout(fn, 0)，这样DOM更新后，就会立即执行这块代码。//改变数据vm.message = 'changed'//想要立即使用更新

拦截器-interceptor          在现代的一些前端框架上，拦截器基本上是很基础但很重要的一环，比如Angular原生就支持拦截器配置，VUE的Axios模块也给我们提供了拦截器配置，那么拦截器到底是什么，它有什么用？     拦截器能帮助我们解决的添加统一的request的参数 比如header中加入X-Requested-With，比如客户端需要实现s

由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时候不会“太折腾”。一、文件结构本文主要分析开发（dev）和构建（build）两个过程涉及到的文件，故下面文件结构仅列出相应的内容。├─build│ ├─build.

如何在 Vue.js 中使用第三方库：https://github.com/dwqs/blog/issues/51

使用vue-cli脚手架新建的项目中，含有package.json。package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。{ "name": "{{ name }}",// 项目名称 "version": "1.0.0",// 版本 "description": "{{ descriptio

做项目的小结  1.

Vue2.0总结———vue使用过程常见的一些问题Vue目前的的开发模式主要有两种：1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了webpack可以进行配置，配置多文件入口，进行多页面开发第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题?

SegmentFault 技术周刊 Vol.14 - 进阶 Vue 2.0 作者 SegmentFault 关注2016.11.29 21:24* 字数 2050 阅读 692评论 1喜欢 35优质阅读感受及更多讨论，请查看原文：https://segmentfault.com/a/1190000007638646week

Vue中组件这个特性让不少前端er非常喜欢，我自己也是其中之一，它让前端的组件式开发更加合理和简单。笔者之前有写过一篇Vue2.0子父组件通信，这次我们就来聊一聊平级组件之间的通信。首先我们先搭好开发环境，我们先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦)环境搭建步骤：打开git ，运行 npm install --global vue-cli

Vue是一个轻量级的渐进式框架，对于它的一些特性和优点在此就不做赘述，本篇文章主要来探讨一下Vue子父组件通信的问题首先我们先搭好开发环境，我们首先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦)环境搭建步骤：打开git ，运行 npm install --global vue-cli 这是安装vue的命令行vue init webpack vue-de

简述http://www.jianshu.com/p/313f11bccb33?utm_source=tuicool&utm_medium=referral（本文针对于有Vue有一定基础的人学习了解，环境搭建等入门教程网上很多，大家自行学习，也可留言，我会给出一些不错的教程博客供大家学习。）一、通过一个小demo，让大家深入了解组件开发。并将教会大家以下知识。（特色）

:data-index="index"                :dt="index"                v-on:click="onclick($event,index)"                 :data-d ="JSON.stringify( item)"                href="http://www.baidu.com"

年前就打算学习并总结一下vue2.x，但是因为年前工作比较多，所以进展十分缓慢，现在终于学了一大部分，而且自己在学习开发中也踩了不少坑也总结了不少，所以将自己踩过的坑总结一下分享出来。因为在项目中使用了webpack2.x，所以对于webpack2.x也有一个踩坑总结，点击链接。项目地址：https://github.com/MrZhang123/Vue_project/tre

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

组件组件可以扩展 HTML 元素，封装可重用的代码在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。使用组件注册一个全局组件div id="example"> my-component>my-component>div>// 注

组件组件可以扩展 HTML 元素，封装可重用的代码在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。使用组件注册一个全局组件div id="example"> my-component>my-component>div>// 注

Vue的学习资源             1.vuejs的视频：              http://cloud.189.cn/t/AZvEVz6ZNf2i                2.VueJs 2.0中文文档：             http://cn.vuejs.org/v2/guide/             3.

https://juejin.im/user/580327ee0e3dd900570cf3ab基础一：模板语法1.文本数据绑定最常见的形式就是使用 “Mustache” 语法（双大括号）的文本插值：Mustache 标签将会被替代为对应数据对象上 world 属性的值 ,而且一直会监听world的值，一但改变会跟着改变应用场景 ：

Vue学习需要的准备node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm  npm的淘宝镜像 安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以。安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。

下述是我个人学习vue.js的些个人心得， 如有不好的地方，请一定要留言下来，大家一起相互探讨，共同进步。    关于为什么写学习心得呢？      我个人觉得学习一个新的框架，看文档久了，不知不觉会有些疲倦，这就会导致学习效率降低，看多了，我们也会有些忘记，当我们边学习框架边做笔记，这样不仅能能让我们对学习的知识，记忆更加深刻，理解更加透彻，还能让我们差缺补漏，温故而知新，还可以持续保持

Vue.js 2.0 快速上手 - 基础篇    本文参考了http://blog.zhaiyifan.cn/2016/10/17/vue-2-quick-start/?utm_source=tuicool&utm_medium=referral中的内容，添加了自己学习后的些许想          法，还没完善，由于工作时间，正在挤出时间 慢慢的添加。   模板语法

叙最近学了Vue2.0，写写自己的一点总结，关于父子组件通信的，这点对于我来说，是看文档的时候比较难理解的。通过网上找资料和实践，也有一点理解。例子使用以下代码模板script src="https://cdn.bootcss.com/vue/2.1.10/vue.min.js">script>div id="app"> p>{{total}}p>

1.双向数据绑定div id="main" @click="hideTooltip"> div class="tooltip" v-if="show_tooltip" @click.stop> input type="text" v-model="text_content" /> div> p @click.stop="toggleTooltip">{{te

PART 1 跟世界打个招呼吧PART 2 双向绑定和vue-devtoolsPart 3 常用指令合集Part 4 v-bind绑定元素属性和样式Part 5 列表渲染和事件监听Part 6 计算属性Part 7 组件   Part 8 组件通信视频playlist： VueJS 2.

vue教程中有这样一个注意事项：第一种具体情况如下： 运行结果：当利用索引改变数组某一项时，页面不会刷新。解决方法如下：运行结果：三种方式都可以解决，使用Vue.set、vm.$set()或者数组的splice方法。在做项目的过程中，有个发现，先上代码：第一个