VUE与jquery区别及MVVM

Vue.js 是什么？

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

jquery和vue的区别

1-操作角度：通过MVVM思想将逻辑和UI分离，更方便展示数据
2-性能：通过虚拟DOM提升性能
3-模块化：方便开发
4-单页面应用：减轻服务器压力
5-组件复用：减少代码冗余，还可以使用别人的组件

MVVM框架

mvvm框架是什么？
MVVM是软件开发中的架构思想，在原有的模型、视图中间增加视图数据模型，从而更方便管理数据
mvvm和其它框架（jquery）的区别是什么？
vue数据驱动，通过数据来显示视图层而不是节点操作。
mvvm哪些场景适合？
小项目十几个页面，用JQ方便。项目较大考虑到后期维护、性能等问题选择VUE
vue的双向数据绑定的原理？
vue在创建vm的时候，会将数据配置到实例中，然后通过Object.defineProperty方法，为数据动态的添加getter与setter方法。当获取数据的时候，会触发对应的getter方法，当设置数据的时候，触发对应的setter方法。然后当setter方法触发完成的时候，内部会进一步触发watcher，当数据改变了，视图则更新操作完毕。

创建一个实例

  <!-- 和实例绑定了 就会用vue的语法进行处理 -->
  <div id='xixi'>
    {
   {
   name}} 
    {
   {
   data}}
  </div>
  <script>
// 创建一个vue的实例
let vm =new Vue({
   
  el:"#xixi", // 将vue的实例和dom中的某一个元素进行绑定 绑定的元素以及子节点都会被实例进行处理
  data:{
         // data里的数据直接可以通过插值法 {
   {表达式变量}} 进行渲染
    name:'你好世界'
  }
})
</script>

数据绑定