vue框架介绍补充

最新推荐文章于 2024-02-15 07:00:00 发布

杨不旧

最新推荐文章于 2024-02-15 07:00:00 发布

阅读量405

点赞数

分类专栏： vue 文章标签： vue.js mvc 前端

本文链接：https://blog.csdn.net/qq_45152044/article/details/123019822

版权

vue 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

vue是一种渐进式JavaScript框架

什么是渐进式框架？
点击参考

vue是一种mvvm框架

mvvm框架最大特点就是双向数据绑定，什么是双向数据绑定？

视图层数据发生变化，数据层的数据一定发生变化。
数据层的数据一变化，视图层也跟着变化。

可以看这里例子：
当input框输入东西，它是同时获取并显示出来了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <input type="text" name="" id="" v-model="msg">
        <span>{{msg}}</span>
    </div>
</body>
</html>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    new Vue({
        el:"#app",
        data:{
            msg:''
        }
    })
</script>

框架大致分为：mvc、mvp、mvvm、mv*

MVC

百度链接

V即View视图是指用户看到并与之交互的界面。比如由html元素组成的网页界面，或者软件的客户端界面。MVC的好处之一在于它能为应用程序处理很多不同的视图。在视图中其实没有真正的处理发生，它只是作为一种输出数据并允许用户操作的方式。
M即model模型是指模型表示业务规则。在MVC的三个部件中，模型拥有最多的处理任务。被模型返回的数据是中立的，模型与数据格式无关，这样一个模型能为多个视图提供数据，由于应用于模型的代码只需写一次就可以被多个视图重用，所以减少了代码的重复性。
C即controller控制器是指控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。

其大概工作流程为：
在这里插入图片描述

MVP

mvp的全称为Model-View-Presenter，Model提供数据，View负责显示，Controller/Presenter负责逻辑的处理。
MVP与MVC有着一个重大的区别：在MVP中View并不直接使用Model，它们之间的通信是通过Presenter (MVC中的Controller)来进行的，所有的交互都发生在Presenter内部，而在MVC中View会直接从Model中读取数据而不是通过 Controller。