vueJS的源码解读vue源码总共包含约一万行代码量(包括注释)特别感谢作者Evan You开放的源代码,访问地址为Github
代码整体介绍与函数介绍预览
代码模块分析
代码整体思路
总体的分析
从图片中可以看出的为采用IIFE(Immediately-Invoked Function Expression)立即执行的函数表达式的形式进行的代码的编写
常见的几种插件方式: (func...
分类:
其他好文 时间:
2016-05-12 23:53:31
阅读次数:
268
vue源码解读-1
在github上下载到源码的后在src的目录下也即是该所有分块的源文件的地址所在的地方,使用webstrom在file–>Settings–>languages&Frameworks中选择javascript使用ECMAScript6
1. index.js
import Vue from ‘./instance/vue’
import installGlobal...
分类:
Web程序 时间:
2016-05-12 13:37:52
阅读次数:
585
组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。 使用: 使用Vue.extend()创建一个构造器 var userdefined = Vue.extend({ . ...
分类:
其他好文 时间:
2016-05-11 09:37:05
阅读次数:
449
使用v-model 在表单控件上实现数据双向绑定。 单选:https://jsfiddle.net/miloer/bs49p0fx/ <input type="checkbox" id="checkbox" v-model="checked"> <label for="checkbox">{{ ch ...
分类:
其他好文 时间:
2016-05-11 09:35:01
阅读次数:
242
用指令监听DOM事件。 https://jsfiddle.net/miloer/cz4ybz3e/ Vue提供了事件修饰符,来解决 event.preventDefault() 或 event.stopPropagation()。 <!-- 阻止单击事件冒泡 --> <a v-on:click.st ...
分类:
其他好文 时间:
2016-05-09 14:23:42
阅读次数:
150
首先都是双向数据绑定,前后分离的武器之一,不同点,ng庞大,功能更复杂,有时候用在手机端可能不是很好,而vue就是迷你版的angular,好比,jq和zepto的区别 1.controller,对应到vue里面就是new Vue({el:}),这个el,页面上,ng需要写控制器名字,vue不需要, ...
分类:
其他好文 时间:
2016-05-07 16:19:58
阅读次数:
4929
根据不同的条件,响应不同的事件。 https://jsfiddle.net/miloer/zed5p1r3/ 可以用template来包装元素,当然浏览器的最终渲染结果不会包含它。我觉得主要用它来自定义模块组件。 <template v-if=“msg”><h1>Title</h1><p>Parag ...
分类:
其他好文 时间:
2016-05-04 11:54:26
阅读次数:
210
Vue.js是一个用于创建web交互界面的库。Vue.js专注于MVVM模型的ViewModel层。它通过双向数据绑定把View层和Model层连接了起来。实际的DOM封装和输出格式都被抽象为了Directives和Filters。Vue希望通过一个尽量简单的API来提供反应式的数据绑定和可组合、复 ...
分类:
Web程序 时间:
2016-05-03 20:15:57
阅读次数:
169
绑定HTMLCLASS 在我没看这之前,我觉得要写绑定class ,应该像绑定数据一样这么写 看官方教程时,不推荐这么写,推荐这样 官方的解释,我觉得还是挺接地气的,最起码我能看的懂。 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性,我们可以用 v-bind 处理 ...
分类:
其他好文 时间:
2016-05-03 12:23:37
阅读次数:
194
基本是按照官网的 Guide 全部梳理了一遍:http://vuejs.org/guide/index.html
这里我们以一个 Todo List 应用为例来把相关的只是都串起来,这篇里面的全部代码都在github上 https://github.com/lihongxun945/vue-todolistVue 实例一个 Vue 应用是由一个 root vue instance 引导启动的,而 V...
分类:
Web程序 时间:
2016-04-29 15:36:41
阅读次数:
247