当前位置: 首页 > article >正文

重新学习Vue,了解一下Vue的故事和核心特点

vue

  • Vue的由来
  • Vue是什么
    • 1.响应的数据绑定
    • 2.可组合视图组件
    • 3.虚拟DOM
    • 4.MVVM模式
    • 5.声明式渲染
  • 总结

Vue的由来

大家应该都知道VUE是尤大大尤雨溪开发出来的,尤大大专业不是计算机,而是室内艺术专业。后来尤大大到帕森斯设计学院进修艺术研究硕士学位,学习的是科技与设计项目。在做项目这个过程中尤大大自学了编程JavaScript,用程序进行创作,还为谷歌浏览器开发了一些互动的场景,真的太厉害了。后来就加入了谷歌。
尤大大是什么时候开始提交vue.js的呢?一开始它的名字是seed.js,在 2013年6月份,尤大大要在npm上发布的时候,发现seed.js被占用了,然后就重新想了一个名字,通过view法语翻译过来的vue,在npm上没有重名,就有了vue.js第一次提交。

vue.js从第一次提交到2015年10月1.0版本发布,这两年的时间尤大大都是在不断的vue.js进行开发,完善,更新文档。

后来尤大大被阿里邀请到阿里巴巴园区分享vue背后的故事,为什么开发它,使用vue的好处有哪些?经过很长一段时间的推广和使用,终于有一些开发者接受了Vue,现在越来越多的公司都在使用Vue框架,面试的时候也会问一些vue相关的知识点。

Vue是什么

那Vue是什么呢?Vue的核心只关注试图层面,它是一套构建用户界面渐进式的前端框架,哪一块需要就用哪一块。vue.js核心特点:

1.响应的数据绑定

传统的js操作界面,在操作某个html元素的数据就要使用js代码获取元素在处理业务逻辑。响应式绑定数据的的方式可以通过以下示例实现:

<template>
  <div id="app">
    {{ message }}
  </div>
</template>
<script>
export default {
  name: 'app',
  data () {
    return {
      message: 'Welcome to Your Vue.js '
    }
  }
}
</script>
<style>
</style>

2.可组合视图组件

组件可以引入其他组件,可嵌套引入。如果js,css,html在一个文件夹里面是一个单文件组件。

3.虚拟DOM

虚拟DOM就是在内存中生成与真实DOM对应的数据结构

4.MVVM模式

MVVM是什么呢?M是指model模型,V是指view视图模板,vm是指view-model视图模型。MVVM实例是双向数据绑定的,当input数据框输入数据的时候,相对于的绑定数据也会发生改变。
MVVM有以下几个个方面的优点:

1.低耦合
2.可重用性
3.独立开发
4.可测试

主要核心就是视图模型这一块。
在这里插入图片描述

5.声明式渲染

vue中声明式渲染就是根据你需要的声明一下,不注重代码实现。

总结

了解到了vue的背后的故事,vue目前IT行业非常的流行,是每个工程师必须掌握的技能,Vue现在的Star数近20w+,可能使用者越来越多了,尤大大曾经说过这样的一段话““我很自豪当初迈出了那一步,离开了早9晚5的工作,并开始投身于我真正热爱的事业上去,有时候我会看着那些星星,我们有了那么多用户,那么多的下载,但是什么给了我最大的成就感和满足感呢,是每次我看到这些人们,这就是我开发Vue.js的原因,我创造了这个东西,我把他分享给人们,希望它能让人们的生活变得更轻松,人们向我走过来,感谢我做出了这个东西,这也算完成这个循环了"。感谢尤大大开发出来Vue,接下来就抓紧时间开始学习了Vue之旅了。

这一篇还知道了Vue有哪些特点,五大特点分别是响应式绑定,虚拟DOM,声明式渲染,MVVM,可组合视图组件等等。

在我们接触和学习掌握的这门技术的时候,你会发现你多了一门技能,可以用这个工具来创造你想要实现的东西。是一件非常有意义的事情,不管你处在哪个阶段,都赶紧行动起来吧,只有做了才知道自己合不合适。


http://www.kler.cn/a/1196.html

相关文章:

  • 深度学习11. CNN经典网络 LeNet-5实现CIFAR-10
  • STL总结
  • 【Python/Opencv】图像权重加法函数:cv2.addWeighted()详解
  • 节流还在用JS吗?CSS也可以实现哦
  • JAVA并发编程(2)——(如何保证原子性,原子类,CAS乐观锁,JUC常用类)
  • 176万,GPT-4发布了,如何查看OpenAI的下载量?
  • 面试官:聊聊你知道的跨域解决方案
  • Linux 路由表说明
  • 剑指 Offer II 031. 最近最少使用缓存
  • Linux:函数指针做函数参数
  • 介绍两款红队常用的信息收集组合工具
  • 【CSS 知识总结】第二篇 - HTML 扩展简介
  • OKHttp 源码解析(二)拦截器
  • 中断控制器
  • 面试官问 : ArrayList 不是线程安全的,为什么 ?(看完这篇,以后反问面试官)
  • 信创办公–基于WPS的PPT最佳实践系列(表格和图标常用动画)
  • 每日算法题
  • Unity学习日记12(导航走路相关、动作完成度返回参数)
  • yolo车牌识别、车辆识别、行人识别、车距识别源码(包含单目双目)
  • Webpack迁移Rspack速攻实战教程(前瞻版)