老周's 布落格

摘要： 使用v-for将数组映射成元素列表 可以使用v-for指令将数组渲染成一个列表。v-for指令在使用特殊语法item in items，items指向数组源，item是迭代 items的每项的别名： <ul id="array-rendering"> <li v-for="item in items 阅读全文

摘要： 条件渲染 v-if v-if用来根据条件渲染块元素。只有v-if结果为真时才会显示该块元素。 <span v-if="awesome">Vue is awesome</span> 同时也可以添加v-else块： <h1 v-if="awesome">Vue is awesome</h1> <h1 v 阅读全文

摘要： 还有一个数据绑定就是控制元素的样式表或内联样式。因为它们都是属性，所以我们可以通过v-bind来处理：使用表达运算得到一个最终的字符串。但是字符串拼接是容易混乱和出错的。因为这个原因，Vue在使用v-bind绑定class和style时提供了增强方法。除了字符串，表达式同时也可能运算得到对象和数组。 阅读全文

摘要： 计算属性 模板内表达式是非常方便的，但它们是为简单操作设计的。太多的逻辑会造成模板臃肿难以维护。例如，有一个嵌套数组： Vue.createApp({ data() { return { author: { name: '小明', books: [ 'Vue 2 - 高级手册', 'Vue 3 - 阅读全文

摘要： Data属性和方法 Data属性 在组件中Data是一个函数，Vue会在创建组件实例时调用它。Data函数应该返回一个对象，Vue会将这个对象包含进它的响应式系统并用$data存储在应用实例中。为了方便，对象中的任何顶级属性都会通过组件直接暴露出来： const app = Vue.createAp 阅读全文

摘要： Vue.js是以HTML为基础的模板语法，它允许你声明式的将底层组件实例的data数据绑定到渲染的DOM。所有的Vue.js模板都是合法的HTML，可以被标准浏览器或HTML解释器识别。 在底层，Vue将模板编译成虚拟DOM渲染函数。结合系统响应方面，当场景发生变化时，Vue巧妙的用最少的重新渲染组 阅读全文

摘要： 创建一个应用实例 每个Vue应用都是通过createApp函数创建一个应用实例开始的： const app = Vue.createApp({ /*options*/ }) 应用实例是注册一个可供组件在应用内使用的“全局变量”。我们先看一个快速实例，然后再详细讨论： const app = Vue. 阅读全文

摘要： 介绍 提示已经了解Vue2且仅想知道Vue3有哪些新功能？请参阅迁移指南 Vue.js是什么？ Vue(读音/vjuː/，像view一样发音)是一套用于构建用户界面的先进框架，不像其他僵化的框架，Vue被设计为全面的渐进式可扩没用框架。该核心库只关注视图层，使用非常简单且易于与其他第三方类库或现有项 阅读全文

摘要： Vue.js是一种渐进式可扩展框架，有多种方式与现有项目进行集成。以下提供三种将Vue.js集成到项目中的方法： 通过引用CDN包的方式集成。 使用NPM进行安装。 使用官方提供的CLI脚手架，按流程步骤自动导入内置的Vue框架（例如，热重载、保存时lint等） Vue开发者工具 目前是Beta版本 阅读全文

摘要： 需求变更 拆包出现异常，需要留下照片凭证，以防后期抵赖。这当然属于手机端功能，于是强烈向电商老板推荐手机客户端。 另外近期出现了一个奇怪的bug，经常扫码时重复出现同一个编码，明明已经扫了别的码了，系统里接收一的还是前一个。非常难复现，初步怀疑是扫码枪的缓存功能造成的，但没有办法根治，造成仓库抱怨。 阅读全文