vue安装及入门

本文介绍了Vue.js的基础知识,包括Vue的定义、库与框架的区别、MVVM模式,详细阐述了Vue的安装过程,探讨了CDN加速的概念,并通过实例讲解了Vue的使用和钩子函数的应用。
摘要由CSDN通过智能技术生成

目录

1. Vue.js是什么?

2. 库和框架的区别

3. MVVM的介绍

4. 安装Vue

5、什么是CDN加速?

5.1第一个实例:​

6. Vue实例

7、钩子函数


1. Vue.js是什么?

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

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


2. 库和框架的区别

 2.1 库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者
      代表:jQuery 

  2.2 框架(Framework),是一套完整的解决方案,使用框架的时候,需要把你的代码放到框架合适的地方,框架会在合适的时机调用你的代码 
      代表:vue


3. MVVM的介绍

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

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

共性:不管是前端到后端,还是后端到前端,使用传统的方式都必须首先拿到
         页面的Document元素,只有拿到了页面元素才能进行后续操作

注意: 要丢弃之前的思想(不要想着如何去拿到页面的元素),而是想着去操作数据!! 数据是核心



4. 安装Vue

  官网:https://cn.vuejs.org/

手动安装:

下载vue.js存放项目对应文件下

 

 

CDN安装:

 

 


5、什么是CDN加速?

官网:BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务

CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值