0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

Vue入门之Vue定义

jf_78858299 来源:CSDN 作者:一只楠喃 2023-02-06 16:41 次阅读

1.Vue入门

1.1Vue定义

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。

Vue 的核心库只关注视图层,也就是只处理页面。

Vue提供的一套JS框架,通常称为vue全家桶。

渐进式,也就是说可以在已有的项目中部分使用Vue,逐渐过渡到整个项目都使用Vue,最后完全使用Vue全家桶来完成整个项目。可以在HTML导入js当成jquery使用、也可以使用vue全家桶进行单页开发。

1.2MVVM模式

MVVM(Model-View-ViewModel)是对 MVC(Model-View-Control)和 MVP(Model-View-Presenter)的进一步改进。

View:视图层(UI 用户界面)

ViewModel:业务逻辑层(一切 js 可视为业务逻辑)

Model:数据层(存储数据及对数据的处理如增删改查)

MVVM 将数据双向绑定(data-binding)作为核心思想,View 和 Model 之间没有联系,它们通过 ViewModel 这个桥梁进行交互。

在这里插入图片描述

1.3案例

在这里插入图片描述

1675672784(1).png

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 编程
    +关注

    关注

    88

    文章

    3487

    浏览量

    92957
  • javascript
    +关注

    关注

    0

    文章

    513

    浏览量

    53559
  • vue
    vue
    +关注

    关注

    0

    文章

    57

    浏览量

    7706
收藏 人收藏

    评论

    相关推荐

    Linux搭建Vue开发环境

    本文介绍在Linux环境下从零开始搭建Vue开发环境的整个过程,包括vue的安装,webstorm 安装配置,devtools的安装。
    发表于 07-24 06:20

    vue插槽是什么

    vue踩坑插槽理解(slot)
    发表于 08-14 14:12

    vue-router的概念和用法

    vue:前端路由和vue-router
    发表于 03-06 13:28

    vue-cli-----vue实例中template:'<App/>是什么意思?

    哪位大神知道vue-cli-----vue实例中template:'是什么意思吗?
    发表于 11-05 07:02

    请问如何搭建一个vue环境?

    安装node环境搭建vue项目环境vue项目目录讲解开始我们的第一个vue项目
    发表于 11-13 06:23

    vue嵌入浏览器的相关资料推荐

    vue嵌入浏览器 Vue-ico (vue-ico)Dead easy, Google Material Icons for Vue. 太简单了,V
    发表于 12-21 08:20

    Vue框架的教程资料免费下载

    Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。
    发表于 03-18 08:00 0次下载
    <b class='flag-5'>Vue</b>框架的教程资料免费下载

    关于vue如何去水印的解决方法的介绍

    很多人都懂一些简单的电脑系统问题的解决方案,但是vue怎么去水印的解决思路却鲜为人知,小编前几天就遇到了vue怎么去水印的问题,于是准备整理一些vue怎么去水印的解决思路,其实只需要按照1:打开
    发表于 03-24 17:33 3311次阅读

    vue-img-cutter Vue图片裁剪插件

    ./oschina_soft/gitee-vue-img-cutter.zip
    发表于 05-31 15:21 0次下载
    <b class='flag-5'>vue</b>-img-cutter <b class='flag-5'>Vue</b>图片裁剪插件

    关于React和Vue产生一定的认知

    Vue2 相较 Vue3 版本而言牢牢占据着大部分 Vue 开发者的视野,但是因为 Vue 官方已经把 Vue3 作为默认的版本,所以在此同
    的头像 发表于 11-02 13:18 648次阅读

    Vue实现登录功能

    Vue实现登录功能
    的头像 发表于 01-13 10:43 673次阅读
    <b class='flag-5'>Vue</b>实现登录功能

    Linux安装Vue环境

    Linux安装Vue环境
    的头像 发表于 01-13 14:09 833次阅读

    Vue入门组件的介绍

    组件是可复用的 Vue 实例,且带有一个名字 ``` 在大型应用开发的时候,页面可以划分成很多部分。往往不同的页面,也会有相同的部分。例如:头部导航、尾部信息等模块。 但是如果每个页面都
    的头像 发表于 02-06 16:03 526次阅读
    <b class='flag-5'>Vue</b><b class='flag-5'>入门</b><b class='flag-5'>之</b>组件的介绍

    Vue入门Vue的生命周期

    .生命周期 4.1生命周期是什么 Vue的生命周期, 就是Vue实例从创建到销毁的过程.
    的头像 发表于 02-06 16:16 730次阅读
    <b class='flag-5'>Vue</b><b class='flag-5'>入门</b><b class='flag-5'>Vue</b>的生命周期

    Vue入门之事件操作

    事件修饰符 vue 通过事件修饰符对js事件进行细节控制。
    的头像 发表于 02-06 16:26 583次阅读
    <b class='flag-5'>Vue</b><b class='flag-5'>入门</b>之事件操作