![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 77
Feliks.
含血愤天
展开
-
uniapp中的picker结合后台数据实现二级联选demo
【代码】uniapp中的picker结合后台数据实现二级联选demo。原创 2022-12-15 16:58:37 · 1187 阅读 · 1 评论 -
Vue2----插槽slot
Vue2中插槽的三种使用方式原创 2022-10-12 01:35:35 · 454 阅读 · 0 评论 -
vue-6——条件渲染
条件渲染 文章目录条件渲染基本语法完整demo 基本语法 v-if 写法 (1).v-if=“表达式” (2).v-else-if="表达式” (3).v-else="表达式” 适用于:切换频率较低的场景。 特点:不展示的DOM元素直接被移除。 注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被“打断”。 v-show 写法:v-show=“表达式” 适用于:切换频率较高的场景。 特点:不展示的DOM元素未被移除,仅仅是使用样式隐藏掉 备注:使用v-if的时原创 2022-05-23 19:10:17 · 103 阅读 · 0 评论 -
vue-5——样式绑定
文章目录class与style的绑定先准备几个style样式绑定class样式绑定style样式完整demo class与style的绑定 <!-- 绑定样式: 1.class样式 写法:class="xxx"xxx可以是字符串、对象、数组。 字符串写法适用于:类名不确定,要动态获取。 对象写法适用于:要绑定多个样式,个数不确定,名字也不确定。 数组写法适用于:要绑定原创 2022-05-23 16:00:31 · 101 阅读 · 0 评论 -
Vue——监视属性
监视属性 文章目录监视属性在天气案例的基础上搞监视属性深度监视监视属性的简写watch对比computed总结: 天气案例 <body> <div id="root"> <h2>今天天气{{info}}</h2> <!-- 绑定事件的时候: @xxx="yyy" yyy可以写一些简单的语句 --> <!-- <button @click="isHot = !isHot">切换原创 2022-05-16 21:27:49 · 146 阅读 · 0 评论 -
Vue——事件处理
事件处理 文章目录事件处理事件的基本使用事件修饰符键盘事件 事件的基本使用 使用v-on : xXX或@xxx绑定事件,其中xxx是事件名; 事件的回调需要配置在methods对象中,最终会在vm上; methods中配置的函数,不要用箭头函数!否则this就不是vm了; methods中配置的函数,都是被Vue所管理的函数,this的指向是vm或组件实例对象 @click="demo”和@click="demo($event)”效果一致,但后者可以传参; <script src="../js/v原创 2022-05-11 15:32:04 · 264 阅读 · 0 评论 -
vue-2
Vue中的数据代理原创 2022-05-08 00:34:18 · 121 阅读 · 0 评论 -
初识Vue
初识Vue 文章目录初识Vuehello小案例模块语法数据绑定el与data的两种写法 hello小案例 <body> <div id="root"> <h1>hello,{{name.toUpperCase()}}</h1> <h1>age:{{age}}</h1> <h1>sex:{{sex}}</h1> <h1>sex:{{原创 2022-05-02 23:53:18 · 255 阅读 · 0 评论