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则多用于一个数据受多个数据影响时的场景，当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。