Vue.js教程对比其他框架 Vue.js 2.0 对比其他框架 React React 和 Vue 有许多相似之处，它们都有： 使用 Virtual DOM 提供了响应式（Reactive）和组件化（Composable）的视图组件。 将注意力集中保持在核心库，伴... AI君 3年前 (2020-02-28) 69℃ 0喜欢
Vue.js教程服务端渲染 Vue.js 2.0 服务端渲染 需要服务端渲染（SSR）吗？ 在开始服务端渲染前，我们先看看它能给我们带来什么，以及什么时候需要用它。 SEO（搜索引擎优化） 谷歌和Bing可以很好地索引同步的JavaScript应用。同步在这里是个关键... AI君 3年前 (2020-02-28) 61℃ 0喜欢
Vue.js教程单元测试 Vue.js 2.0 单元测试 配置和工具 任何兼容基于模块的构建系统都可以正常使用，但如果你需要一个具体的建议，可以使用 Karma 进行自动化测试。它有很多社区版的插件，包括对 Webpack 和 Browserify 的支持。更多详... AI君 3年前 (2020-02-28) 60℃ 0喜欢
Vue.js教程状态管理 Vue.js 2.0 状态管理 类 Flux 状态管理的官方实现 由于多个状态分散的跨越在许多组件和交互间各个角落，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue 提供 vuex： 我们有受到 Elm 启发的状态管理库。vuex 甚... AI君 3年前 (2020-02-28) 61℃ 0喜欢
Vue.js教程路由 Vue.js 2.0 官方路由 对于大多数单页面应用，都推荐使用官方支持的vue-router库。更多细节可以看vue-router文档。 从零开始简单的路由 如果只需要非常简单的路由而不需要引入整个路由库，可以动态渲染一个页面级的组件像... AI君 3年前 (2020-02-28) 61℃ 0喜欢
Vue.js教程生产环境部署 Vue.js 2.0 生产环境部署 删除警告 为了减少文件大小，Vue 精简独立版本已经删除了所有警告，但是当你使用 Webpack 或 Browserify 等工具时，你需要一些额外的配置实现这点。 Webpack 使用 Webpack ... AI君 3年前 (2020-02-28) 62℃ 0喜欢
Vue.js教程单文件组件 Vue.js 2.0 单文件组件介绍 在很多Vue项目中，我们使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: ‘#container ‘}) 在每个页面内指定一个容器元素。 这... AI君 3年前 (2020-02-28) 60℃ 0喜欢
Vue.js教程插件 Vue.js 2.0 开发插件 插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种： 添加全局方法或者属性，如：vue-element 添加全局资源：指令/过滤器/过渡等，如：vue-touch 通过全局... AI君 3年前 (2020-02-28) 61℃ 0喜欢
Vue.js教程混合 Vue.js 2.0 混合基础 混合是一种灵活的分布式复用 Vue 组件的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。 例子： // 定义一个混合对象 var myMixin = {... AI君 3年前 (2020-02-28) 69℃ 0喜欢
Vue.js教程自定义指令 自定义指令简介 除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意，在 Vue2.0 里面，代码复用的主要形式和抽象是组件——然而，有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候... AI君 3年前 (2020-02-28) 62℃ 0喜欢
Vue.js教程Render 函数 Vue.js 2.0 Render 函数基础 Vue 推荐使用在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力，这就是 render 函数，它比 templa... AI君 3年前 (2020-02-28) 64℃ 0喜欢
Vue.js教程过渡状态 过渡状态 Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢，比如： 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的属性 所有的原始数字都被事先存储起来，可以直接转换到数字。... AI君 3年前 (2020-02-28) 58℃ 0喜欢
Vue.js教程过渡效果 Vue.js 2.0 过渡效果概述 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在... AI君 3年前 (2020-02-28) 64℃ 0喜欢
Vue.js教程深入响应式原理 Vue.js 2.0 深入响应式原理 大部分的基础内容我们已经讲到了，现在讲点底层内容。Vue 最显著的一个功能是响应系统 —— 模型只是普通对象，修改它则更新视图。这会让状态管理变得非常简单且直观，不过理解它的原理以避免一些常见的陷阱也是... AI君 3年前 (2020-02-28) 65℃ 0喜欢
Vue.js教程组件 Vue.js 2.0 组件 什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下... AI君 3年前 (2020-02-28) 64℃ 0喜欢
Vue.js教程表单控件绑定 Vue.js 2.0 表单控件绑定 基础用法 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖，它负责监听用户的输入事件以更... AI君 3年前 (2020-02-28) 62℃ 0喜欢
Vue.js教程事件处理器 Vue.js 2.0 事件处理器 监听事件 可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。 示例： <div id="example-1"> <button v-on:click="... AI君 3年前 (2020-02-28) 63℃ 0喜欢
Vue.js教程列表渲染 Vue.js 2.0 列表渲染 v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 基... AI君 3年前 (2020-02-28) 58℃ 0喜欢
Vue.js教程条件渲染 Vue.js 2.0 条件渲染 v-if 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块： <!-- Handlebars 模板 --> {{#if ok}} <h1>Yes</h... AI君 3年前 (2020-02-28) 58℃ 0喜欢
Vue.js教程Class 与 Style 绑定 Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ，我们可以用v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用... AI君 3年前 (2020-02-28) 69℃ 0喜欢