zoukankan      html  css  js  c++  java
  • vue基础知识点

    vue基础----查缺补漏

    vue的优点

    1.轻量级框架:只关注视图层,由数据驱动视图,大小只有几十kb

    2.简单易学

    3.双向数据绑定:保留了Angular的特点,同时在数据操作上更加简洁

    4.组件化:保留了react的特点,实现了html页面的封装和重用,在单页面应用开发上有着独特的优势

    5.视图,数据,结构分离:使数据的修改更为简单,不需要进行逻辑代码上的修改,只需要操作数据就可以完成相关操作

    6.虚拟dom操作:dom节点操作是非常消耗性能的(但有些操作还是要进行dom操作,只不过用的是ref方式)

    7.运行速度更快:相较于react而言,同样是操作虚拟dom,就性能而言,vue存在很大的优势

    生命周期函数理解

    分为八个阶段:

    1.创建前/后(beforeCreate/created)

    创建前 vue实例的挂载元素$el和数据对象data都是undefined,还未初始化

    创建后 数据对象data有了,但$el依然为undefined,未初始化

    2.载入前/后(beforeMount/mounted)

    载入前 vue实例的$el和data都初始化完了,但是挂载的还是虚拟dom,data数据还未渲染

    载入后 vue实例挂载完,data数据已经渲染完

    3,更新前后(beforeUpdate/updated)

    data数据发生变化时触发

    4.销毁前后(beforeDestroy/destroy)

    在执行destroy方法后,对data的改变不会再触发周期函数,说明此时vue实例已经解除了事件监听以及和dom的绑定,但是dom结构依然存在

    补充:(computed计算属性位于created和beforeMount之间)

  • 相关阅读:
    牛客 动物园 (KMP)
    网络流模板与经典模型
    Codeforces Round #698 (Div. 2)
    CF1485X Codeforces Round #701
    CF1479B Painting the Array(贪心+DP)
    「AGC021E」Ball Eat Chameleons
    「AGC034E」 Complete Compress
    「AGC034D」 Manhattan Max Matching
    「ARC103D」 Distance Sums
    「AGC035C」 Skolem XOR Tree
  • 原文地址:https://www.cnblogs.com/xian-wen/p/13389853.html
Copyright © 2011-2022 走看看