zoukankan      html  css  js  c++  java
  • vue常用生命周期和计算属性

    1、methods

      是个对象,是Vue实例对象上绑定的方法,供当前Vue组件作用域内使用,未调用不会执行,

      只执行逻辑,返回值可有可无,对一些数据请求,点击事件进行封装函数等。

    2、creted

      是个方法,在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图

    3、monted

      在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作

    4、computed 

       是计算属性,也可以理解为一个方法。无需再data中声明,其中计算的结果如果不发生改变就不会触发,

      且必须返回一个值并在DOM中绑定的才能取得值。他可以自动获取数据的改变。

      <div v-for="(item,index) in adList" :key='index'>i{{item}}</div>  

      adList() {
        let tmp = this.$store.state.adList;
        if (!tmp) {
        tmp = [];
        }
        return tmp;
      }

    5、watch

      监听数据变化、列如v-model的input值什么的、但是必须在data中声明

      watch:{

        dataTime(val,newVal){

          .......

        }

      }

    6、onload

      页面加载完成后触发函数html、css、js,属于js方法,一个页面只会调用一次

    7、onshow

      页面切换后触发,可用于切换页面刷新数据等

      

        有补充的地方,望大佬指点迷津!!!!

  • 相关阅读:
    java基础之System类
    java基础之System类
    java基础之Random类
    java基础之Math类
    java基础之Math类
    java基础之Character类概述
    MySQL数据库
    JavaScript面向对象与原型
    PHP
    sass基础用法
  • 原文地址:https://www.cnblogs.com/MrQinjj/p/13867786.html
Copyright © 2011-2022 走看看