Vue知识学习笔记
关注
分享
扫一扫
文章平均质量分 85
主要有关vue
阿酒在看云
知足知不足，有为有弗为
展开
-
【Vue】Vue中mixins的使用方法及实际项目应用详解
注意一下 vue 中 mixins 的优先级，component > mixins > extends。我们暂且将 mixins 称作是组件模块化，灵活运用组件模块化，可以将组件内的重复代码提取出来，实现代码复用，也使我们的代码更加清晰，效率也大大提高。原创 2022-12-09 22:51:39 · 7225 阅读 · 6 评论 -
【Vue】Vue中常用的基础指令与使用
Vue.js的指令1.内部指令指令是特殊的带有前缀 v-的特性。指令的值限定为绑定表达式，指令的职责就是当表达式的值改变时把某些特殊的行为应用到DOM上。基础指令：v-showv-elsev-modelv-repeat[1.0-]v-for[1.0+]v-textv-elv-htmlv-onv-bindv-refv-prev-cloakv-if（1） v-ifv-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false，.原创 2022-05-16 11:26:32 · 1433 阅读 · 0 评论 -
【Vue】Vue中的条件渲染（v-if、v-else-if、v-else 以及 v-show）的使用（实例详解）
v-if v-else v-else-ifv-if指令用于条件性地渲染一块内容，这块内容只会在指令的表达式返回truth值的时候被渲染。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="vue.js"></script></head><原创 2020-06-25 13:23:14 · 58002 阅读 · 2 评论 -
【Vue】Vue中v-bind的使用
Mastache语法不能作用于HTML特性上，遇到这种情况应该去使用v-bind指令对于布尔特性，它比较特殊，他们只要存在就意味着值为true，v-bind:disabled使用要特别注意下 <button v-bind:disabled = "isButtonDisabled">我是被vue控制的按钮</button>上面的代码中，如果isButtonDisabled的值是null、undefined或者false，则disabled特性甚至不会被包含在渲染出来的原创 2020-06-24 18:43:06 · 15436 阅读 · 0 评论 -
【Vue】从vue2到vue3，生命周期函数有何变化之详解
vue3与vue2的生命周期钩子函数变化原创 2022-12-05 15:00:16 · 1781 阅读 · 0 评论