摘要: 删除警告 为了减少文件大小,Vue 精简独立版本已经删除了所有警告,但是当你使用 Webpack 或 Browserify 等工具时,你需要一些额外的配置实现这点。 Webpack 使用 Webpack 的 DefinePlugin 来指定生产环境,以便在压缩时可以让 UglifyJS 自动删除代码 阅读全文
posted @ 2016-11-18 11:00 jiangxiaobo 阅读(3488) 评论(0) 推荐(0) 编辑
摘要: 介绍 在很多Vue项目中,我们使用 Vue.component 来定义全局组件,紧接着用new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。 这种方案在只是使用 JavaScript 增强某个视图的中小型项目中表现得很好。然而在更复杂的项目中,或者当你的前端完全 阅读全文
posted @ 2016-11-18 10:58 jiangxiaobo 阅读(3148) 评论(1) 推荐(0) 编辑
摘要: 开发插件 插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种: 添加全局方法或者属性,如: vue-element 添加全局资源:指令/过滤器/过渡等,如 vue-touch 通过全局 mixin方法添加一些组件选项,如: vuex 添加 Vue 实例方法,通过把它们添加到 Vue 阅读全文
posted @ 2016-11-18 10:57 jiangxiaobo 阅读(5704) 评论(1) 推荐(1) 编辑
摘要: 基础 混合是一种灵活的分布式复用 Vue 组件的方式。混合对象可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。 例子: 选项合并 当组件和混合对象含有同名选项时,这些选项将以恰当的方式混合。比如,同名钩子函数将混合为一个数组,因此都将被调用。另外,混合对象的 阅读全文
posted @ 2016-11-18 10:55 jiangxiaobo 阅读(1096) 评论(0) 推荐(0) 编辑
摘要: 简介 除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意,在 Vue2.0 里面,代码复用的主要形式和抽象是组件——然而,有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。下面这个例子将聚焦一个 input 元素,像这样: 阅读全文
posted @ 2016-11-18 10:53 jiangxiaobo 阅读(6250) 评论(1) 推荐(0) 编辑
摘要: 过渡状态 Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,比如: 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的属性 所有的原始数字都被事先存储起来,可以直接转换到数字。做到这一步,我们就可以结合 Vue 的响应式和组件系统,使用第三 阅读全文
posted @ 2016-11-18 10:31 jiangxiaobo 阅读(1525) 评论(0) 推荐(0) 编辑