• vue 学习总结(一)


    1.methods  和   computed  区别

    答:相同:都可以对data里面的数据进行操作。区别:methods每次操作都会重新渲染,重新请求  。  computed 的改变在于其操作依赖是否改变,如果未改变,则继续调用上次缓存下来的内容。  好处:对于相应的数据量较大时,避免了重复请求。节约了开销

    2.watch使用场景

    答:来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的

    3.类名及样式绑定

    答:v-bind:class="{ classname:value}"    或者  v-bin:class="classObj"  然后在data里面申明     或者   v-bin:class="[classname1,classname2]"   然后在data里面声明;

           v-bin:style="{ font-size:value,color:value}"  然后在data里声明value的值    或者   v-bind:style="styleObj"   然后在data里面声明styleObj

    4.key管理  

    答:vue  会很大程度的复用已经渲染过的组件,而不会重新加载,为了使有些组件不复用,vue提供了key属性,每次渲染判断key是否相同,不同则可以重新渲染。因此key属性具有唯一性

    5.v-if   和  v-show

    答:都是根据条件渲染内容,不同的是:v-show元素会被始终渲染并保存在dom中,只是改变css  的display属性 ,而且不支持template元素;而v-if则是根据条件创建和销毁元素;因此如果是频繁操作显隐则最好采用v-show

    6.数组更新检测

    答:变异方法(改变原数组):push()  pop()   shift()   unshift()   splice()   reverse()   sort()   

      非变异方法(不改变原数组):filter()  slice () concat()

      只能通过该splice()  或者  set () 来变数组   vue才会相应

    7.v-on  如果想访问原生DOM事件  ,可以将事件传入函数   v-on:click=“clickHandle(params,$event)”   在函数定义内就可以使用event.stopPropagation()    event.preventDefault()

  • 相关阅读:
    序列信号发生器
    C++ | 虚函数初探
    Linux编程 | 使用 make
    [] CSDN-markdown编辑器语法——字体、字号与颜色
    Linux基础学习 | 用户及用户组
    Linux文件管理 | Liunx 常用命令
    Linux文件管理 | Linux 文件基础知识
    asp.net 可视化操作(二)——Sql数据库连接及简单查询功能的实现
    asp.net 可视化操作(一)——asp.net安装与使用
    Linux基础学习 | gcc、g++的安装和使用
  • 原文地址:https://www.cnblogs.com/tutao1995/p/11058992.html
Copyright © 2020-2023  润新知