Vue(一)_使用vue制作一个可以添加项目的无序列表

作者：笔触狂放9 | 2024-03-28 09:40:27

踩

使用vue制作一个可以添加项目的无序列表

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动

MVVM 是 Model-View-ViewModel 的缩写。MVVM 是一种设计思想。

在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的，因此 View 数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到 View 上。

**1.低耦合。**视图（view）可以独立于Model变化和修改，一个View Model可以绑定到不同的“view”上，当View变化的时候，Model可以不变，当Modol变化的时候view也可以不变

**2.可重用性：**你可以吧一些视图逻辑放在一个View Model里面，让很多View重用这段视图逻辑

**3.独立开发：**开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计，使用Expression Blend可以很容易设计界面并生成xaml代码

4.可测试 :界面素来是比较难于测试的，而现在测试可以针对ViewModel来写。

<body>
    <div id = "app">
        <p>{
  {msg}}</p>
    </div>
</body>
<script>
    //创建一个vm实例 : 调度器
    const vm = new 1
2
3
4
5
6
7
8

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/329293