文章4：vue（1）

2023年4月5日 233次阅读 来源: arrowfield

一、媒介概述

  • 媒介：最进方才相识了前端的三大框架vue、angular、react，简朴谈谈对三大框架的熟悉；

    1. 关于vue，现在在国内非常受欢迎，外洋照样比较喜好其他框架，react国内也有很多公司运用。相识一门框架起首晓得为何发生，框架是什么样是东西，为何需要用到他以及怎样准确用好它。
    2. vue是一个渐进式的框架：渐进式就是不需要运用vue供应一切的功用，比方任何一个html文件只需要引入vue.js文件就能够运用vue的功用（vue有哪些功用，等下逐一引见），引入vue.js文件就相当于为该html文件中增加一个Vue对象；
    3. Vue对象：Vue对象中包括两个部份（1）Vue()组织函数，能够经由过程该要领天生无数个Vue的实例;(2)prototype原型对象：该对象中存在很多个实例要领，也即Vue的任何一个实例都能够运用原型对象中要领

    4. vue的完成的道理：采纳的是MVVM设想形式完成三部份：

      • model：模子中存储的都是数据
      • view ：视图中显现数据
      • modelview：完成营业逻辑处置惩罚

    5. 两大中心体系：监听体系与假造DOM树

      • 监听体系：vue框架为model（也即就是下方代码中data中的数据）中的变量都增加了一对get/set要领，有点相似es5中的接见器属性【接见器属性不能直接定义，要经由过程Object.defineProperty()这个要领来定义。】，当试图修正model中的数据时，vue自动挪用set要领，猎取数据时，又自动挪用get要领

      • 假造DOM树：当试图修正model中的数据时，此时假造DOM树要做的事就是遍历假造DOM树找出视图中绑定该数据的部份，而且更新实在DOM树（条件：该DOM树必需被看管（如下方的代码中：el:”#app”）,也即就是只要在id为app的节点下的节点被看管

        //代码：
var vm = new Vue({
el:"#app",
data:{
uname:"field",
age:20
},
methods:{

}
})

未完待续（第一次写文章给本身看的）

    原文作者：arrowfield
    原文地址: https://segmentfault.com/a/1190000017049347
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞