码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 1.Vue简介


    目录

    1.什么是vue

    2.Vue的特性

         数据驱动视图

         双向数据绑定

      3.MVVM

      MVVM工作原理

    4.Vue的特点


    1.什么是vue

       用于构建用户界面的前端框架

    2.Vue的特性

         数据驱动视图

            在使用Vue页面中,Vue会监听数据的变化,从而自动重新渲染页面的结构

          数据的改变导致了页面结构的改变

          好处:当页面数据发生变化时,页面会自动重新渲染

          注意:数据驱动视图是单向的数据绑定(上图中总是从右到左)

         双向数据绑定

             在填写表单时,双向数据绑定可以辅助开发者在不操作DOM的前提下,自动把用户填写的内容同步到数据源中。

    好处:开发者不再需要手动操作DOM元素来获取表单元素最新的值 !!!

      3.MVVM

        M:模型model,对应data里面的数据

        V:视图View,模板

        VM:视图模型ViewModel,Vue实例对象

      观察发现:

        data中所有的属性最后都出现在VM身上

       VM身上所有的属性及Vue原型上所有的属性,在Vue模板中都可以直接使用

        MVVM是Vue实现数据驱动视图和双向数据绑定的核心原理,把每个HTML页面都拆分成了如下三个部分:

      MVVM工作原理

      ViewModel作为MVVM的核心,是它把当前页面的数据源(Model)和页面结构(View)连接在一起

    4.Vue的特点

     

  • 相关阅读:
    react中useState的值没有改变,而是旧的数值
    SpringBoot篇之集成Jedis、Lettuce、Redisson
    2023年天津专升本建档立卡、退役免试、大赛获奖免试招生计划
    【翻译】NCLS: Neural Cross-Lingual Summarization
    clickhouse技术总结待续
    R语言条件判断语句编程:使用if/else语句实现条件逻辑判断、使用all函数判断向量中的值是否全部都满足条件
    node.js的安装配置教程
    ps神经网络滤镜用不了,ps神经网络滤镜安装包
    idea2021版本添加上一步和下一步操作到工具栏
    测试/开发程序员的成长路线,全局思考问题的问题......
  • 原文地址:https://blog.csdn.net/weixin_51351637/article/details/126526788
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号