随笔分类 - Vue
摘要:五种图片地址引入方式 @开头,它也会作为一个模块请求被解析。它的用处在于Vue CLI默认会设置一个指向项目根目录/src的别名@
阅读全文
摘要:1. vuecli 简介 Vue CLI 致力于将 Vue 生态中的工具基础标准化 Vue CLI 是一个基于 vue.js 进行快速开发的完整系统,是一个全局安装的 npm包,基于webpack构建,丰富的官方插件集合,集成了前端生态中最好的工具,一套完全图形化的创建和管理Vue.js项目的用户界
阅读全文
摘要:1. 侦听器 watch Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性 当属性发生改变时,自动触发属性对应的侦听器。 当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。 2. 基础用法 当 msg 属性的值发生改变时,就会触发侦听器的执行 <div
阅读全文
摘要:1. 模板表达式 模板内的表达式非常便利,但是它们的设计初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 模板内的表达式只能完成简单的运算 {{ msg.toUpperCase() }} data: { msg: 'Hello' } 2. computed 计算属性 计算属性是基
阅读全文
摘要:1. v-show 根据表达式的真假值,切换元素的 display CSS属性。表达式为false时,p标签被赋予 style="display:none;" <p v-show="status">123</p> data: { status: false, }, 2. 用于条件性的渲染一块内容 表
阅读全文

浙公网安备 33010602011771号