VueJS
关注
分享
扫一扫
文章平均质量分 71
Vue
XiaoYabeI
心怀浪漫宇宙，也珍惜人间日常
展开
-
【VUE】遍历列表
条件渲染 v-if 写法： v-if="表达式" v-else-if="表达式" v-else="表达式" 适用于：切换频率较低的场景 特点：不展示的DOM元素直接被移除 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被"打断" v-show 写法：v-show="表达式" 适用于：切换频率较高的场景 特点：不展示DOM元素未被移除，仅仅是使用样式隐藏掉 备注：使用v-if的时候，元素可能无法获取到，而使原创 2022-02-14 00:03:10 · 3484 阅读 · 0 评论 -
【VUE】绑定样式
绑定class样式字符串写法 适用于：样式的类名不确定，需要动态指定 <div class="basic" :class="mood" @click="changeMood" > {{name}} </div>...const vm = new Vue({ ... data:{ name:'XXX', mood:'normal'},.....原创 2022-02-13 17:50:56 · 373 阅读 · 0 评论 -
【VUE】属性
姓名案例插值语法实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>姓名案例_插值语法实现</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- 准原创 2022-02-03 07:07:45 · 171 阅读 · 0 评论 -
【VUE】事件
事件的基本使用使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名； 事件中的回调需要配置在methods对象中，最终会在vm上； methods中配置的函数，不需要箭头函数！否则this就不是vm了，是windows； methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或 组件实例对象； @click="demo" 和@ click="demo($event)" 效果一致，但是后者可以传参；<!DOCTYPE html><html&原创 2022-01-28 07:29:19 · 134 阅读 · 0 评论 -
【VUE】基础
初识VUE(vue.js开发版本-会多一些可读性错误提示，vue.min.js生产版本)1. 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2. app容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；3. app容器里的代码被称为【Vue模板】；<!-- 准备好一个容器 --><div id="app"> <h1>Hello,{{name}},{{address}},{{Date.now...原创 2022-01-26 01:02:02 · 805 阅读 · 0 评论