vue入门

本文介绍了Vue.js的基础知识,包括Vue的渐进式特性、与库的区别、MVVM模式,以及Vue的入门、事件处理和生命周期。Vue是一个由尤雨溪创建的JavaScript框架,用于构建用户界面。它提供了数据双向绑定,简化了DOM操作,并通过一系列钩子函数展示了组件的生命周期。
摘要由CSDN通过智能技术生成

目录

一,Vue简介

 1. Vue.js是什么?

 2.库和框架的区别

        3.MVVM的介绍

二,Vue入门

三,Vue事件

四,Vue生命周期 


一,Vue简介

 1. Vue.js是什么?

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

  官网:https://cn.vuejs.org/
  Vue作者:尤雨溪/中国无锡
  
  前后端分离    React

 

官网上:Vue是一个渐进式框架 

个人理解:Vue可以理解为库,相当于jQuery,市面上流行的ElementUI是基于Vue的前端框架

 2.库和框架的区别

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

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

        3.MVVM的介绍

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

MVVM ===> M / V / VM
   M:    model数据模型
   V:     view视图
   VM:  ViewModel 视图模型    虚拟dom

   V(修改数据) ->   M
   M(修改数据) ->   V
   数据是核心

mvc和mvvm最大的区别是:mvc是需要程序员手动渲染dom节点,mvvm只关注数据

二,Vue入门

1.首先下载Vue(导入js依赖)
 

官网: https://www.bootcdn.cn/

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值