zoukankan      html  css  js  c++  java
  • vue进阶笔记

    名词解释

      >async

        async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行,async 函数返回的是一个promise 对象。

     >await

       await的含义为等待。意思就是代码需要等待await后面的函数运行完并且有了返回结果之后,才继续执行下面的代码。这正是同步的效果

    vue中引入less

    首先安装less与less-loader

    npm install less less-loader


    其次配置loader。在base.config.js中新增rules

    {
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader",
    },


    再次使用:<style scoped lang="less"></style>           //注意:需指定为less

    小提示  vue中的   @  符号默认代表   src文件路径

    常用方法笔记

    1、<template slot-scope="scope">
            <div><span :class="ifnormal(scope.row.province)">●</span>&ensp;{{scope.row.province == "0" ? "异常" : "正常"}}</div>   //组件中使用插销根据数据动态返回对应的class
         </template>
    2、
        <template slot-scope="scope">
          <el-button @click="handleClick(scope.row)" type="text" size="small" v-show="scope.row.province == '0'">调用详情</el-button>   //v-show直接根据表达式判断
        </template>


    computed 和 watch 的区别


    1、watch只能观测data中的属性,computed则不同,可以是任何来源的属性

    2、computed多用于多个数据影响一个数据的场景使用,computed会有缓存,只有当依赖的数据变动时才会重新求值,watch则多用于一个数据受多个数据影响时的场景,当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。

  • 相关阅读:
    如何找回未保存过的 Excel 文件?
    js 下关于json的销毁和添加
    width:100%和width:auto区别
    在ie6下的png图片的兼容问题
    关于input=file的用法
    div+Css绝对定位(absolute)和相对定位(relative)的总结
    onmouseenter和onmouseleave的兼容性问题
    ckfinder的配置使用
    破解ckfinder2.3 去除版本号和标题提示
    jQuery制作图片的等比例缩放
  • 原文地址:https://www.cnblogs.com/tomofagain/p/10829853.html
Copyright © 2011-2022 走看看