zoukankan      html  css  js  c++  java
  • vue小结

    1.计算属性和侦听器

    计算属性可以缓存数据,适用于一个数据受多个数据影响,大部分会用到;

    监听器适用于执行异步操作或者较大开销操作的情况,异步操作比如请求后台的数据,需要监听数据的变化,用最新的数据怎么地,还有就是可用于监听路由的变化

    2.生命周期

    Vue 实例从创建到销毁的过程,就是生命周期;
    created表示完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来;
    DOM渲染在mounted中就已经完成了;
    使用场景:

    3.API

    Vue.set/this.$set  向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新, 使用:Vue.set(c, 'price', this.price);

    Vue.delete 删除对象的属性。如果对象是响应式的,确保删除能触发更新视图, 使用:Vue.delete(target, propertyName/index) 

    this.$refs.name

    this.$nextTick(()=>{})
    this.$forceUpdate()
    this.$destroy()

    4.路由

    同一个父菜单下不同的子页面,用路由导航页面时要么检测不到页面变了,数据不请求,要么用了watch之后只在切换时请求数据,第一次不请求,这时候可以用以下方法解决:

    5.vuex

    mapState()/mapMutation()/mapAction()映射方法
    import { mapState,mapMutation,mapAction, mapGetters } from 'vuex' 
    computed: {
        ...mapState('user', ['isLogin'])
        ...mapGetters('aaa', ['bbb']);
    }
    methods: {
        ...mapActions('user', ['userLogin'])
        ...mapmapMutation()
    }
     
  • 相关阅读:
    [转]快速矩阵快速幂
    继续学习C:数字进制表示
    pthread_cond_wait()用法分析
    [原]NYOJ-光棍的yy-655
    [原]NYOJ-组合数-32
    [转]_int64、long long 的区别
    [原]NYOJ-6174问题-57
    [转]sscanf函数具体用法
    [原]NYOJ-A*B Problem II-623
    集存款(复利单利)贷款为一体的计算器(最新版)
  • 原文地址:https://www.cnblogs.com/dylAlex/p/12392960.html
Copyright © 2011-2022 走看看