GarfieldEr007的专栏

勤奋治学 深度思考 静心钻研 先苦后甜

Vue.js 安装

安装 兼容性 Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。 更新日志 最新稳定版本:2.5.17 每个版本的更新日志见 GitHub。 Vue Devtools 在...

2018-11-24 10:47:48

阅读数 36

评论数 0

Vue.js 对比其他框架

对比其他框架 这个页面无疑是最难编写的,但我们认为它也是非常重要的。或许你曾遇到了一些问题并且已经用其他的框架解决了。你来这里的目的是看看 Vue 是否有更好的解决方案。这也是我们在此想要回答的。 客观来说,作为核心团队成员,显然我们会更偏爱 Vue,认为对于某些问题来讲用 Vue 解决会更好...

2018-11-24 10:47:41

阅读数 177

评论数 0

从 Vuex 0.6.x 迁移到 1.0

从 Vuex 0.6.x 迁移到 1.0 Vuex 2.0 已经发布了,但是这份指南只涵盖迁移到 1.0?这是打错了吗?此外,似乎 Vuex 1.0 和 2.0 也同时发布。这是怎么回事?我该用哪一个并且哪一个兼容 Vue 2.0呢? Vuex 1.0 和 2.0 如下: 都完全支持 V...

2018-11-24 10:47:34

阅读数 74

评论数 0

Vue.js 从 Vue Router 0.7.x 迁移

从 Vue Router 0.7.x 迁移 只有 Vue Router 2 是与 Vue 2 相互兼容的,所以如果你更新了 Vue ,你也需要更新 Vue Router 。这也是我们在主文档中将迁移路径的详情添加进来的原因。 有关使用 Vue Router 2 的完整教程,请参阅 Vue Ro...

2018-11-24 10:47:29

阅读数 96

评论数 0

Vue.js 从 Vue 1.x 迁移

从 Vue 1.x 迁移 FAQ 哇,非常长的一页!是否意味着 Vue 2.0 已经完全不同了呢,是否需要从头学起呢,Vue 1.0 的项目是不是没法迁移了? 非常开心地告诉你,并不是!几乎 90% 的 API 和核心概念都没有变。因为本节包含了很多详尽的阐述以及许多迁移的例子,所以显得...

2018-11-24 10:47:22

阅读数 86

评论数 0

Vue.js 深入响应式原理

深入响应式原理 现在是时候深入一下了!Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以回避一些常见的问题。在这个章节,我们将进入一些 Vue ...

2018-11-23 12:49:47

阅读数 62

评论数 0

Vue.js 服务端渲染

服务端渲染 SSR 完全指南 在 2.3 发布后我们发布了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入,适合已经熟悉 Vue, webpack 和 Node.js 开发的开发者阅读。请移步 ssr.vuejs.org。 Nuxt.js 从头搭建一个服务端渲染的应用是相当复...

2018-11-23 12:49:02

阅读数 46

评论数 0

Vue.js 状态管理

状态管理 类 Flux 状态管理的官方实现 由于状态零散地分布在许多组件和组件之间的交互中,大型应用复杂度也经常逐渐增长。为了解决这个问题,Vue 提供 vuex:我们有受到 Elm 启发的状态管理库。vuex 甚至集成到 vue-devtools,无需配置即可进行时光旅行调试。 React...

2018-11-23 12:47:33

阅读数 45

评论数 0

Vue.js 路由

官方路由 对于大多数单页面应用,都推荐使用官方支持的 vue-router 库。更多细节可以看 vue-router 文档。 从零开始简单的路由 如果只需要非常简单的路由而不需要引入整个路由库,可以动态渲染一个页面级的组件像这样: const NotFound = { templ...

2018-11-23 12:46:33

阅读数 54

评论数 0

Vue.js TypeScript 支持

TypeScript 支持 在 Vue 2.5.0 中,我们大大改进了类型声明以更好地使用默认的基于对象的 API。同时此版本也引入了一些其它变化,需要开发者作出相应的升级。阅读博客文章了解更多详情。 发布为 NPM 包的官方声明文件 静态类型系统能帮助你有效防止许多潜在的运行时错误,而且随...

2018-11-23 12:45:50

阅读数 211

评论数 0

Vue.js 单元测试

单元测试 配置和工具 任何兼容基于模块的构建系统都可以正常使用,但如果你需要一个具体的建议,可以使用 Karma 进行自动化测试。它有很多社区版的插件,包括对 Webpack 和 Browserify 的支持。更多详细的安装步骤,请参考各项目的安装文档,通过这些 Karma 配置的例子可以快速...

2018-11-23 12:44:56

阅读数 38

评论数 0

Vue.js 单文件组件

单文件组件 介绍 在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。 这种方式在很多中小规模的项目中运作的很好,在这些项目里 JavaScript 只被用来加强特定...

2018-11-23 12:43:59

阅读数 39

评论数 0

Vue.js 生产环境部署

生产环境部署 开启生产环境模式 开发环境下,Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下,这些警告语句却没有用,反而会增加应用的体积。此外,有些警告检查还有一些小的运行时开销,这在生产环境模式下是可以避免的。 不使用构建工具 如果用 Vue 完整独立版本,即直接用 &a...

2018-11-23 12:43:08

阅读数 60

评论数 0

Vue.js 过滤器

过滤器 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!-- 在双...

2018-11-23 12:42:16

阅读数 31

评论数 0

Vue.js 插件

插件 插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种: 添加全局方法或者属性,如: vue-custom-element 添加全局资源:指令/过滤器/过渡等,如 vue-touch 通过全局 mixin 方法添加一些组件选项,如: vue-ro...

2018-11-23 12:41:22

阅读数 28

评论数 0

2017 Vue.js 2快速入门指南

注意,据部分读者反映本文水多,怕湿身者勿进。后续推荐详解 Vue & Vuex 实践   2017 Vue.js 2快速入门指南翻译自Vue.js 2 Quickstart Tutorial 2017从属于Web 前端入门与工程实践。Vue与React都是非常优秀的前端...

2018-11-21 21:20:42

阅读数 76

评论数 0

Vue.js新手入门指南

最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之...

2018-11-21 20:42:01

阅读数 61

评论数 0

Vue + webpack 项目实践

最近在内部项目中做了一些基于 vue + webpack 的尝试,在小范围和同事们探讨之后,还是蛮多同学认可和喜欢的,所以通过 blog 分享给更多人。 首先,我会先简单介绍一下 vue 和 webpack: (当然如果你已经比较熟悉它们的话前两个部分可以直接跳过) 介绍 vue Vu...

2018-11-21 20:37:48

阅读数 38

评论数 0

Vue.js 渲染函数 & JSX

基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这时你可以用 render 函数,它比 template 更接近编译器。 让我们深入一个简单的例子,这个例子里 render 函数很实用。假设我...

2018-11-21 20:15:26

阅读数 72

评论数 0

Vue.js 自定义指令

简介 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,如下:   当页面加...

2018-11-21 20:15:15

阅读数 25

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭