首页 > 其他分享 >vue查漏补缺

vue查漏补缺

时间:2022-12-14 13:55:05浏览次数:48  
标签:查漏 vue computed watch style activeColor 补缺 active class

1.动态参数属性::[]

<div :[atrr]="width:100%"></div>

<script>
export default{
    data:()=>(
        {
            attrr:’class‘
        }
    )
}
</script>    

2.computed相对于method的好处在于有缓存,减少执行次数。

3.watch相对应computed的setter函数区别是可以执行异步函数。

4.watch监听对象中的属性

 

 5.动态操作clss样式(对象形式):  :class={active:true}  //active为类名

 

 

 

 6.动态操作style样式(对象形式):  :style={color:activeColor}  //activeColor为属性值变量

 

 

 

 

 

标签:查漏,vue,computed,watch,style,activeColor,补缺,active,class
From: https://www.cnblogs.com/LylePark/p/16981862.html

相关文章

  • vue3组件el-dialog提取
    父组件:1<template>2<divclass="auto-wrap">3<divclass="content-left">45<el-form:model="addReportForm"label-width="120px">......
  • Vue笔记5--生命周期
    生命周期钩子​ 因为只是为了给毕设做前端,我选择理解即可。但是其实整个Vue的精髓就在整个地方。有时间可以看看尚硅谷相关教程的生命周期部分p48-p52https://www.bilibi......
  • vuex的使用-简单存储
    在写新项目的时候,用input写了个搜索框,搜索之后获取到点击的数据,要将数据在tab中渲染出来,我思前想后,还是觉得vuex是最好的解决办法,记录一下vuex的基本用法首先是在store文......
  • vue+vant移动端制作一个可添加的form提交表单
    <template><van-nav-bartitle="填写参会人员信息"left-text="返回"left-arrow@click-left="onClickLeft"/><!--添加参会人员信息-->......
  • Vuex极速入门
    01、什么是Vuex?1.1、为什么需要状态管理?在复杂的系统中,我们会把系统按照业务逻辑拆分为多个层次、多个模块,采用组件式的开发方式。而此时不同模块、父子模块之间的通信......
  • 在vue的v-for中,key为什么不能用index?
    写在前面在前端中,主要涉及的基本上就是DOM的相关操作和JS,我们都知道DOM操作是比较耗时的,那么在我们写前端相关代码的时候,如何减少不必要的DOM操作便成了前端优化的......
  • 写过vue自定义指令吗,原理是什么?.m
    背景看了一些自定义指令的文章,但是探究其原理的文章却不多见,所以我决定水一篇。如何自定义指令?其实关于这个问题官方文档上已经有了很好的示例的,我们先来温故一下。除......
  • 常见经典vue面试题(面试必问)
    MVVM的优缺点?优点:分离视图(View)和模型(Model),降低代码耦合,提⾼视图或者逻辑的重⽤性:⽐如视图(View)可以独⽴于Model变化和修改,⼀个ViewModel可以绑定不同的"View"上,当Vie......
  • 常考vue面试题(附答案)
    Vue生命周期钩子是如何实现的vue的生命周期钩子就是回调函数而已,当创建组件实例的过程中会调用对应的钩子方法内部会对钩子函数进行处理,将钩子函数维护成数组的形式V......
  • Vue笔记4--组件和插槽
    1、组件基础Vue的特点:组件开发。页面将为是一颗嵌套的组件树src目录下有个components,组件都放在其中。组件首字母一般为大写。组件是带有名称可复用的实例。1.1vue2做......