随笔分类 -  Vue

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