vue入门与实战
188页1、vue入门与实战目录vue入门与实战1前言2第一部分vue基础3vue是什么?3Vue安装5第一种通过引入本地文件5第二种通过使用CDN6第三种NPM方法7第一个vue页面15基本语法17双大括号表达式17v-text指令19v-html指令20v-bind指令21V-on指令25V-model指令32V-for指令41V-if指令43V-else指令44v-else-if45V-show指令46V-pre指令48v-cloak指令49V-once指令50自定义指令52methods属性55computed计算属性57watch监听属性59组件62全局组件63局部组件64Prop属性66vue路由:vue-router73安装73单页面应用实例74Vue-router补充78生命周期函数(钩子函数)82第二部分, vue实战开发90概述90运用vue脚手架搭建开发环境90一, 什么是vue脚手架90二, 安装脚手架之前准备工作90三, 用vue-cli创建项目92项目文件的介绍97介绍实践项目的功能以及需要了解的技术98开始项目开发100首页制作100路由配置105报表界面的制作112
2、表格界面的制作126表格的增删除改查142前言最近这几年企业推崇用框架来做前端开发,那为什么企业喜欢用框架来开发项目了,这个问题简单,首先就是减少造轮子的想法,能够快速的开发一款web应用对于公司来说都是非常愿意看到的,另外就是使用前端框架的组件功能,只要组件功能强大,什么样的项目都能够开发。简单来说企业就是为了节约时间与成本。那使用什么样的框架了纵观网络大数据,其中用得最多,最火的就属于Angular,React,Vue。至于企业到底选用那个框架,那就和企业的项目类型,项目大小以及技术选型等有关了。由于我们的项目类型,以及公司技术构成等因素,我所在公司选择的前端框架为vue。虽然我做前端已经很多年了,但vue这些前端框架也是这几年才兴起的,所以说我也是从小白到入门到精通。为了让像我以前一样有传统html+js+css技术,而没有接触过vue这类框架的小白能快速入门并能在项目中运用起来,我把vue的基础以及我的实践经验进行整理和总结,能让读者的入门之路没有那么痛苦。该书主要包括两部分,一部门讲解vue基本知识,第二部分,结合企业开发的实际项目,利用脚手架(vue-cli)工具搭建和开发
3、一个vue项目。第一部分vue基础vue是什么?Vue是一套用于构建用户界面的渐进式框架,是一个JavaScript MVVM库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。请注意上文加粗的部份,首先对vue“渐进式框架”理解:每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。使用vue,你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用;也可以整个用它全家桶开发,当Angular用;还可以用它的视图,搭配你自己设计的整个下层用。那我们在刚学习时,没必要一上来就搞懂Vue的每一个部件和功能,先从核心功能开始学习,逐渐扩展。 同时,在使用中,我们也没有必要把全部件能都拿出来,需要什么用什么就是了,而且也可以把Vue很方便的与其它已有项目或框架相结合。再次我们对“MVVM”进行理解:说起这个MVVM框架,就不得不说MVC框架。在传统开发中,将整个前端页面分成View(视图-V),Controller(控件-C),Modal(数据源-M),即MVC
4、框架。view(视图)上发生变化,通过Controller(控件)将响应传入到Model(数据源),由数据源改变View上面的数据。整个过程看起来是行云流水,业务逻辑放在Model当中,页面渲染放在View当中,但在实际运用上却存在一个问题:那就是MVC框架允许View和Model直接进行通信!换句话说,View和Model之间随着业务量的不断庞大,会出现蜘蛛网一样难以处理的依赖关系,完全背离了开发所应该遵循的“开放封闭原则”。面对这个问题,MVVM框架就出现了,MVVM分别指View,Model,View-Model,View通过View-Model的DOM Listeners将事件绑定到Model上,而Model则通过Data Bindings来管理View中的数据,这样一来View和model之间就不用直接通信,而通过View-Model从中起到一个连接桥的作用。简单的说,ViewModel就是View与Model的连接器,View与Model通过ViewModel实现双向绑定。 Vue安装第一种通过引入本地文件我们可以在 Vue.js 的官网上直接下载 vue.js 并用标签引
《vue入门与实战》由会员工***分享,可在线阅读,更多相关《vue入门与实战》请在金锄头文库上搜索。
2023-09-09 57页
2021-06-24 6页
2021-06-23 16页
2021-06-23 8页
2021-06-23 15页
2021-06-23 7页
2021-06-23 12页
2021-02-22 5页
2021-02-22 5页
2021-02-22 6页