Vue入门

1.什么是Vue?

Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架

  官网:https://cn.vuejs.org/
  Vue作者:尤雨溪/中国无锡


2. 库和框架的区别


  2.1 库(Library)

本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者
      代表:jQuery 
      jQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作
      JavaScript:document.getElementById()
      jQuery:    $('').val()

 2.2 框架(Framework)

是一套完整的解决方案,使用框架的时候,需要把你的代码放到框架合适的地方,框架会在合适的时机调用你的代码 
      代表:vue
      框架规定了自己的编程方式,是一套完整的解决方案
      使用框架的时候,由框架控制一切,我们只需要按照规则写代码
      框架的侵入性很高(从头到尾)


3. MVVM的介绍


   MVVM,一种更好的UI模式解决方案,MVVM通过数据双向绑定让数据自动地双向同步

   MVVM ===> M / V / VM
   M:model数据模型(JSON)
   V:view视图(HTML)
   VM:ViewModel 视图模型

   1) V(修改数据) -> M  将视图层的数据通过事件将数据提交到后端服务器(前端到后端)
      $('#btn_login').click(function(){
         通过ajax将页面中的数据通过json格式传递到后端服务器
      });

   2) M(修改数据) -> V  将后端数据(JSON)通过赋值的方式在视图层展现(后端到前端)  
      通过ajax的方式调用后端的数据接口将回传过来的JSON数据渲染到页面
      $.ajax({
         url:
         data:
         dataType:
         type:
         success:function(data){
           $('#book_name').val(data....);  .text() .html()
           ...
         }
      })
      

   共性:不管是前端到后端,还

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值