vue

vue.js靳肖健dom介绍文档对象模型(DOM)是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。reactReact是一个用于构建用户界面的JAVASCRIPT库。主要用于构建UI，很多人认为React是MVC中的V（视图）。React起源于Facebook的内部项目，拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。JSX−JSX是JavaScript语法的扩展。Angular4AngularJS诞生于2009年，是一款优秀的前端JS框架，已经被用于Google的多款产品当中。Angular最为核心的是全。Angular4==Vue+TypeScript+axios+Vue-router+mocha+Vue-i18n+vue-cli+...Angular4与ng相比，其他两个不是真正的框架。如果你只是需要把看起来过时的jQuery替换掉，那么你就选vue或react就可以了。等你的应用复杂了，你就得用vue或react整合其他类库搞出一个与ng类似的框架vue简介Vue是一套用于构建用户界面的渐进式框架。与angular不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。vue特点侵入性低:不对整体架构做过多约束,方便与其他库或是已有的前端技术栈整合鼓励模块化:基于组件的开发模式有利于将界面代码自然分割为更易维护的模块轻量高性能:无外部依赖,独立小巧数据驱动组件化vue核心思想数据驱动vue靠数据驱动双向绑定使我们开发页面更简单开发者不需要手动的去修改dom数据(Model)和视图(View)是不能直接通讯的，而是需要通过ViewModel来实现双方的通讯。当数据变化的时候，viewModel能够监听到这种变化，并及时的通知view做出修改。同样的，当页面有事件触发时，viewModel也能够监听到事件，并通知model进行响应。Viewmodel就相当于一个观察者，监控着双方的动作，并及时通知对方进行相应的操作。mvvm框架Model:指的是数据部分，对应到前端相当于对象View:指的是视图部分，对应前端相当于domViewmodel:就是连接视图与数据的通讯中间件如何实现实时数据绑定指令指令(Directives)是带有v-前缀的特殊特性。生命周期每个Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。组件化组件系统是Vue的另一个重要的核心思想，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。Vue.component全局定义=强制要求每个component中的命名不得重复字符串模板=缺乏语法高亮，在HTML有多行的时候，需要用到丑陋的\不支持CSS=意味着当HTML和JavaScript组件化时，CSS明显被遗漏没有构建步骤=限制只能使用HTML和ES5JavaScript,而不能使用预处理器，如Babel单文件组件基于commonJS模块管理文件扩展名为.vue的单文件组件可以使用webpack等构建工具实例谢谢靳肖健jxjweb.top