zoukankan      html  css  js  c++  java
  • Vue概述

     

     vue.js的核心思想包括:数据驱动和组件化思想。

    什么是数据驱动?
    什么是事件驱动?

    1.事件驱动

    所谓的事件驱动简单来说就是用户通过点击,修改,删除,输入等等,来操作DOM,并触发对应的事件,然后通过后台响应处理,随之更新UI。

    2.数据驱动,更直白来说就是不操作DOM,用数据来渲染,通过虚拟的抽象数据层来直接更新页面。当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动的去修改dom。那你要是想要实现数据驱动,你就需要去封装一套数据和dom对象操作的映射。

    Vue采用MVVM的设计模式,MVVM中的M—Model表示模型,是一个javascript对象;V-View是DOM也就是UI;ViewModel–表示的是一个Vue实例对象。

    如果没有中间的viewmodel,则view和model之间的渲染就需要咱们去手动操作DOM,这是一个很繁琐的过程,而且耗费性能。

    那什么是组件化?

    那么什么是Vue组件呢?它是vue.js最强大的功能之一,是可扩展的html元素,是封装可重用的代码,同时也是Vue实例,可以接受相同的选项对象(除了一些根级特有的选项) 并提供相同的生命周期钩子。

    组件化使得代码中可重复利用的模块得以高效利用,减少了冗余代码,使得项目代码逐渐往高质量代码靠拢。在vue中任何一个div都可以被抽象成组件,但也不是说都抽象成组件才好,我们只是需要将那些需要重复利用的代码抽象出来,然后在多个页面重复利用,其他的业务代码就都放在一个大得组件中即可。
    那么使用组件得好处都有哪些呢?

    提高开发效率

    方便重复使用

    简化调试步骤

    提升整个项目的可维护性

    便于多人协同开发

    在 Vue 里,一个组件本质上是一个拥有预定义选项的一个 Vue 实例。也就是说组件是可复用的vue实例。

     

     

     

     理解虚拟DOM:

     

     

     

     一般前端框架更新的速度大于后端

     

  • 相关阅读:
    js 用延时函数来实现像鼠标移入qq头像然后会出现新的模块
    css显示出三角形
    js实现简单的滑动门和tab选项卡
    js的捕捉事件,冒泡事件
    js时间冒泡,阻止事件冒泡
    js鼠标,键盘,坐标轴事件
    js实现自动登陆的按钮
    javascript各种兼容性问题,不断更新
    [LeetCode OJ] Single Number之一 ——Given an array of integers, every element appears twice except for one. Find that single one.
    [LeetCode OJ] Candy
  • 原文地址:https://www.cnblogs.com/huhewei/p/14118571.html
Copyright © 2011-2022 走看看