美文网首页我爱编程
vue.js基本概念理解

vue.js基本概念理解

作者: Rain_9587 | 来源:发表于2018-03-31 23:59 被阅读0次

    vue.js是什么?


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

    官网的第一句介绍就没看懂,网上搜了一篇文章http://www.bslxx.com/a/vue/2017/1205/1490.html,讲的还不错。类似React.js、Angular.js,vue.js也是一套JavaScript框架。

    个人对渐进式框架的理解:渐进式框架就是可以把这个框架随时应用到你的项目中,比如你的一个项目使用jQuery作为前端js框架,如果你想换成Vue.js,那么你可以只把一部分功能从jQuery改为Vue.js后继续部署使用项目,以后也可以慢慢把其他部分改为使用Vue.js。这就是一个把项目前端框架逐步改为Vue.js的渐进过程。暂时如此理解,可能随着深入了解,理解会有变化。

    声明式渲染


    首先要能区分声明式和命令式,声明式就是我想让你给完成某个任务,我不关心你具体怎么去做,你只要能完成就可以。而命令式就是我告诉你具体怎么去完成任务。

    上图中,在Vue中声明了message变量,当message变量的值改变时,文本对象的值会自动改变,这是声明式。如果通过javascript的方式修改文本对象的值,我们需要先获取文本对象,然后给文本对象赋值,这是命令式。通过Vue不仅可以通过声明的方式修改文本对象,还可以修改所有dom对象,包括四种类型(document、Node、Element、Text、Attributes)的对象。

    双向绑定


    双向中的两方分别是:Vue.js中的数据和DOM的对象。

    当修改Vue中数据时,dom的对象会自动修改,当修改dom的对象时,Vue的数据也会自动修改。

    组件系统


    个人理解:把一个大的页面拆分成多个小模块,每个小模块就是一个组件,组件是可以重复利用的。感觉像是Java中把大方法拆分成可以通用的小方法。或者类似整个系统中,把大块的业务拆分成小业务,每个小业务可以在多个大业务中单独使用。都是类似的思想。

    相关文章

      网友评论

        本文标题:vue.js基本概念理解

        本文链接:https://www.haomeiwen.com/subject/ppwncftx.html