重新学习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.可测试

主要核心就是视图模型这一块。
重新学习Vue,了解一下Vue的故事和核心特点_第1张图片

5.声明式渲染

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

总结

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

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

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

你可能感兴趣的:(vue.js,javascript,前端)