vue.js
  1. 首页
  2. vue.js

列表

VueJs 绑定 HTML Class 综合练习

VueJs 绑定 HTML Class 综合练习

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。
JavaScript 2019年12月30日
VueJs Class 与 Style 绑定 用在组件上

VueJs Class 与 Style 绑定 用在组件上

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。
资源下载 2019年12月29日
VueJs Style 绑定内联样式 对象语法

VueJs Style 绑定内联样式 对象语法

v-bind:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用引号括起来) 来命名
资源下载 2019年12月30日
VueJS 事件修饰符有哪些？

VueJS 事件修饰符有哪些？

在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation()是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。 为了解决这个问题， Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。
JavaScript 2019年11月27日
webpack v4.30.0（11）官方指南说明文档 创建 library

webpack v4.30.0（11）官方指南说明文档 创建 library

创建 library 除了打包应用程序代码，webpack 还可以用于打包 JavaScript library。以下指南适用于希望流水线化(streamline)打包策略的 library 作者。创建一个 library 假设你正在编写一个名为 webpack-numbers 的小的 library，可以将数字 1 到 5 转换为
WebPack 2019年05月03日
webpack v4.30.0（3）官方说明文档（开发）

webpack v4.30.0（3）官方说明文档（开发）

开发（承接上文）：如果你一直跟随之前的指南，应该对一些 webpack 基础知识有着很扎实的理解。在我们继续之前，先来看看如何建立一个开发环境，使我们的开发变得更容易一些。
WebPack 2019年04月25日
v-if指令 VueJs if 条件渲染

v-if指令 VueJs if 条件渲染

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。
JavaScript 2019年12月31日
webpack v4.30.0（4）官方说明文档（模块热替换）

webpack v4.30.0（4）官方说明文档（模块热替换）

模块热替换(Hot Module Replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新各种模块，而无需进行完全刷新。本页面重点介绍实现，而概念页面提供了更多关于它的工作原理以及为什么它有用的细节。
WebPack 2019年04月26日