VUE 爬坑笔记 (2)

ref 属性

  • ref属性标示对dom的引用,值是唯一值,定义在dom标签内
  • 获取时使用this.$refs.属性值

自定义指令

  • 通过Vue.directive('指令名',配置项)创建,包含两个参数,自定义指令的名字和自定义指令的配置项
  • inserted(el,binding)钩子函数,自定义指令插入到标签中时执行,el表示使用自定义指令的函数,binding表示自定义指令的信息
  • v-自定义指令名="参数"传递的参数可以在钩子函数里第二个参数获取

VUE 过滤器

  • 通过 Vue.filter()创建过滤器,参数1顾虑器名称,参数2过滤器的处理函数
  • 使用方法:
    {{name | 过滤器名称}}
    
  • 可以用于一些常见的文本格式化

computed 计算属性

  • 通过computed 关键字创建计算属性
  • 在使用计算属性时可以在计算属性的方法里进行一些操作

watch 监听器

  • 用来监听属性的变化,只要监听的属性值发生改变,监听器就会执行
  • 使用watch属性使用,它是一个对象,对象里函数名是需要监听的属性
    watch: {
        属性名(oldVal, newVal) {
            code...
        }
    } 
    
  • 深度监听,监听对象类型只能用深度监听

axios 基于promise的(HTTP库)

  • 用法如下:
    //get请求
    (1) axios.get('/getData?id=1').then(res => {//code}).catch(err => {throw err})
    (2) axios.get('/getData,{ 
        //此处固定写法 只能写 params
        params: { id:1 }
     }).then(res => {code...}).catch(err => {code...})
    //post 请求
    axios.post('/user', {
        name: 'zs',
        age: '123'
    }).then(res => {code...}).catch(err => {code...})
    

async 和 await

  • async是一个ES7的语法关键字,只能用来修饰function
    async function getInfo() {code...}
    //专业名称叫:异步方法
    
  • await 只能用在被 async修饰的异步方法中,它的作用就是修饰一个 promise实例
  • 异步方法中,在遇到第一个 await之前,所有的代码都是同步调用的
  • async函数返回一个 Promise 对象,可以使用then方法添加回调函数。当函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句。

你可能感兴趣的:(VUE 爬坑笔记 (2))