qq_36529459的博客

vue是现在的热门前端框架之一，采用了虚拟dom，稍微介绍一下虚拟dom的概念。在使用原生js的时候，我们总数需要去获取dom元素，这样的话，每次要获取元素都要操作一次dom,我们就要执行一次，那么我们就要考虑如何减少操作的次数，虚拟dom就是为这个考虑而设计的。先简单介绍几个钩子函数，因为现在已经跟新到了vue2.0,因此，将主要介绍vue2.0的。beforeCreated:我们在用Vue时都要

axios,是有一个基于es6中的promise开发的一个http库，他的主要功能就是向服务端请求和发送数据,promise可以简单的理解为只有三种状态，即pending(进行)->fulfiled(成功)和pending(进行)->rejected(失败)。因此，我们在调用完成之后，在末尾总是需要加上then()和catch(),他们分别表示成功和失败之后所做的动作。与jquery中...

vue最强大的就是它的虚拟dom以及数据驱动，那么我们就要尽可能少的去操作原生dom,那，我们怎么去获取一些dom中的数据呢，这次，来讲解一个vue中提供的一个指令，就是$refs。来个栗子：<input type="text" placeholder="add">如果我要获取上面文本框中的值，但是，vue的核心就是数据驱动，让我们尽可能少的去操作原生dom.因此，我们可以利用$ref...

我也是在最近刚使用iView,起初我认为和bootstrap相差不多，一用发现自己太傻了，iView的插件我觉得还是非常好看和好用的，所以我想给大家推荐一下~并且介绍一下他的使用方法。我是在webpack环境下来使用iView的，因此，我假设大家已经懂得如何使用vue的脚手架了。npm install iview --save 来安装iView接着在main.js中引入iView 就直接可以在脚手...

路由是vue的核心。使用npm install --save vue-router中来使用。在文件夹下将vue-router导入，并且声明要使用vue-router;import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)假设有home和about两个vue组件。那么我们在注册路由的使用需要定义一下内容。path为...

vue-cli适合写spa(单页面应用程序)，因此，我们常会用它来开发app,当我们在pc端开发完成之后，肯定需要打包成apk或者ios（ios我在这里先不阐述）。我的方法是利用hbuilder来构建apk文件。我们将vue项目创建好后，cd项目文件夹，输入npm run dev(3.0以下版本的命令)/npm run serve(3.0以上命令)，打开浏览器，在8080(默认)下查看是否正常显示...

Vue常用经典开源项目汇总参考-海量　　Vue是什么？　　Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。 　　Vue.j...

在我们平时使用vue中的模板的时候，许多时候都是直接定义成一个固定的模板，但是，vue中提供了一个动态模板，可以在任意模板中切换，就是用vue中<component>用:is来挂载不同的组件。<div id="app" v-cloak> <component :is="currentView"></component> ...

在介绍slot之前，先需要搞清楚一个概念，比如<div id=‘app’> <my-component v-show="show"></component></div>这个v-show的是作用于哪里的呢？  在vue中，所有在当前组件中使用的指令都是只作用于当前组件的作用域，因此，v-show虽然是在my-component中用了，但是他是在a...

路由是vue中经常需要使用的，因此必须要介绍一下它的使用方法。需要说的是，我这里使用的路由是基于vue-cli中的首先，在components文件夹中新建home.vue和test.vue在其中分别随意写上一句话home.vuetest.vue接下来，定义了这两个组件之后，就开始配置路由啦进入router文件夹中的index.js，将两个组件导入进来同时，配置两

在vue中，我们常常要用到各个组件之间的通信，这样就需要用到.vue的文件，而在单文件中写html的时候，是不能自动补全html代码的，这样就会使我们开发项目的效率大大减少。在vscode中，只需要简单配置一下就可以让我们在.vue文件中编写html的时候进行自动补全vscode中有一个以下图片中的文件夹，文件中包含一个setting.json文件选择常用设置中的（需要用鼠标点击改

在使用vue的时候，肯定会用到组件之间的数据传递，props的作用就是从父组件将数据传递到子组件在子组件中写如下代码： {{message}} export default { name:'practice', props:['message'] }父组件中写着： im

Vue中的eventBus类似与js原生的事件，即CustomEvent事件，该事件主要是用于dom之间的互相通信，而eventBus则不同，eventBus主要用于组件之间的通信，该方法应用于兄弟组件之间通信偏多，但是，该方法也可以应用于父子之间的相互通信。这里我以脚手架3.0为样例进行讲解接下来要使用的方法。建立EventBus可以通过以下两种方法:1) 在main.js中直接创建...