zoukankan      html  css  js  c++  java
  • vue(1)— 简单介绍&生命周期

    目前,前端可以说是三分天下的时代,是前端发展史一个辉煌的时代,三大主流框架Vue,Angular,React三分天下。此文主要介绍Vue框架。

    Vue 一套用于构建用户界面的渐进式框架,采用MVVM开发模式,实现数据双向绑定,虚拟DOM提高性能。

    1、渐进式怎么理解?

    vue是自底向上逐层应用:声明式渲染—组件系统—客户端路由—大数据状态管理—构建工具;

    2、MVVM数据双向绑定?

    M—model层(数据层,也就是指数据,前端通常是指js);

    V—view层(视图层,也就是DOM层,前端通常是指html);

    VM—view-model(处理数据和界面的中间层,也就是指Vue);

    3、虚拟DOM?

    js原本的运行速度是很快的,但是操作大量的DOM就变得很慢了,前端实现数据更新就是通过js操作DOM,更新视图层的数据,数据更新后重新渲染页面,没有改变数据的地方也会重新渲染,从而造成了大量的浪费。利用在内存中生成与真实DOM与之对应的数据结构,这个在内存中生成的结构称之为虚拟DOM。 当数据发生变化时,能够智能的计算出重新渲染组件的最小代价并应用到DOM操作上。

    vue的生命周期,官方给出的生命周期图示非常的直观,第一次看到此图感觉陌生的很,学习一段时间再来看此图会发现看懂了许多,每隔一段时间就看看此图,对不理解的概念就会清晰很多了。

  • 相关阅读:
    python 生成器与装饰器一篇就够了!!!
    Win10安装node.js,npm,淘宝镜像,cnpm失败的解决方法
    Xshell/CentOs7关闭防火墙命令
    Mybaits_逆向工程生成代码
    WebStrom 使用淘宝镜像
    Redis相关命令
    linux中添加service
    简单直接的 Linux查找进程和杀死进程的方法
    发布Spring boot.jar 项目到服务器之后台启动
    CentOS下mysql常用命令
  • 原文地址:https://www.cnblogs.com/front-boy/p/9392952.html
Copyright © 2011-2022 走看看