版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
Vue.js前端开发框架应用Vue.js基础目
录Vue.js简介Vue.js的获取与使用MVVM模式与Vue.js应用Vue.js基础一、Vue.js简介Vue.js(简称Vue,发音为/vjuː/,类似view)是一款用于构建前端Web页面的JavaScript框架。它基于标准HTML、CSS和JavaScript开发,为高效地开发前端Web页面,提供了一套声明式的、组件化的JavaScript框架。Vue.js是一款基于数据驱动思想设计并开发的前端框架。Vue.js采用MVVM架构实现“双向数据绑定”的核心功能,可以非常方便地与其他前端库进行有效整合。Vue.js最初发布于2014年。Vue.js经历了0.x版本阶段(2014年2月~2015年10月),1.x版本阶段(2015年10月~2016年9月),2.x版本阶段(2016年9月~2020年9月),发行版名称为,3.x版本阶段(2020年9月~本书出版时)。Vue.js不同的版本在构建和编码上有较大的差异,本教材将专注于介绍Vue.js3.x版本的应用,并默认读者对HTML、CSS和JavaScript的知识已基本熟悉。目
录Vue.js简介Vue.js的获取与使用MVVM模式与Vue.js应用Vue.js基础二、Vue.js的获取与使用使用Vue.js框架开发前端项目需要使用代码编辑工具和前端项目管理与构建工具。本书使用的代码编辑工具为VisualStudioCode,前端项目管理与构建工具为npm(NodePackageManager)。
1、VisualStudioCode的安装与配置
VisualStudioCode是一款通用型代码编辑工具,默认安装后可以通过插件配置功能。Vue.js项目开发推荐安装的插件有“简体中文”“LiveServer”和“Volar”。
2、npm的安装与配置npm是NodePackageManager的缩写,它是一个软件包管理器,主要负责JavaScript库的管理。通过npm,可以很方便地进行JavaScript库的下载和版本管理,也可以把自己开发的JavaScript库共享给其他使用者。npm是Node.js的一个组件,先安装Node.js再添加npm。
3、使用Vue.js
引入使用Vue.js或构建方式使用Vue.js。【案例1-1】引入使用Vue.js。
目
录Vue.js简介Vue.js的获取与使用MVVM模式与Vue.js应用Vue.js基础三、MVVM模式与Vue.js应用
1、双向数据绑定双向数据绑定指的是数据模型和视图之间的双向绑定,在Web前端开发中,视图指的是HTML页面,数据模型指的是保存在JavaScript对象中的数据。实现双向数据绑定指的是,当数据模型发生变化时,视图也发生变化;当视图数据被更改时,数据模型也会同步更新。
2、MVVM模式MVVM是Model-View-ViewModel的缩写,即模型-视图-视图模型,它代表了一种软件开发中的架构模式,其核心是实现View(视图)和Model(数据模型)之间的双向数据绑定,可以使某一方数据更新时能自动传递到另一方。3、Vue.js创建MVVM模式Web前端应用Vue.js是按照MVVM模式开发的支持双向数据绑定等功能的JavaScript库,它的核心是实现了ViewModel,使得View和Mod
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 风电项目危险源识别及预防措施
- 食品安全与抗菌药物使用监管
- 时刻准备:物业消防监控室管理培训
- 秋季健康护航:小学生传染病防护
- 第6章平行四边形 单元综合练习题 2023-2024学年北师大版八年级数学下册
- 爱你是我最珍贵的财富
- 铁观音保卫战:茶叶虫害新对策
- 文化地产发展策略报告
- 园林卫士:白蜡病虫害防治技巧
- 个人借款抵押担保合同范本
- 外观检查操作规程
- 游戏特效设计师年终总结
- 本校教材选用组织机构及职责-选用程序及要求
- 火灾损失项目资产评估报告
- 露天煤矿的环境保护
- Oxford-Phonics-World牛津自然拼读课件Level1-Unit8
- 肠梗阻护理查房(小肠减压管的应用)
- 元青花作品赏析课件
- 保险公司外勤工作内容
- 九年级学生心理健康教育讲座
- 统编版二年级下册第七单元复习专项-字词基础训练题(含答案)
评论
0/150
提交评论