电子书：《vue.js项目实战》_周智勋等译_2019-01-01《vue.js项目实战》_周智勋等译_20190101
111
内容简介：
4.2.6为生产而构建6.3.4获取博客列表4.3单文件组件6.3.5逸中博客4.3.1模板第7章项目5:在线商店以及扩展…234.3.3样式43.4组件内的组件7.1高级开发流程项目设置7.1.2使用 hostess为css自动第5章项目3:支持中添加前缀5.1通用应用结构7.13通过 elint提升代码质量和5.1.1项ri设置风格5.1.2路由和页面7.1.4jest单元测试52faq使用a52.1服.务.器设置7.2.1guo际化和代局拆分5.2.2使用 fetch722服务端渲燊52.3用自己的插件扩展vue723生产环境构建524使用 mixin复用代码7.3小结53支持工单第8章项目6:使用 meteor开发实时仪表盘532显示和增加工单8.1项目设置5.33高级路由特性8.1.1什么是 meteor8.12安装 meteor第6章项目4:博客地图8.1.3创建项目6.1 google认证和状态管理6.1.1項目设置6.1.2使用vuex进行状态管理8.2产品测量记录8.2.1集成62嵌人 google地图8.22设置数据62.1安装8.2.3模拟测量记录6.2.2添加地图19483仪表盘和报告623将b1 gmap连接到 store83.1进度条戽6.3博客和评论8.3.2me63.1在stoe中添加博客模块8.3.3创建仪表盘组件632渲染画数和jsx84小结63.3创建一篇博客
ue开发入门vue是一个专注于构建web用户界面的 javascript库。本章首先通过一段简单的介绍让你对vue有一个初步的认识创建一个web应用.为本书后续创建的不同项目奠定基1.1为什么需要另外一个前端框架相对来说.vue在 javascript前端领域属于后来者.但是对于当前主流 javascript库的地位具有很大的威胁。它易用、灵活、速度快.还提供了许多功能和可选工具.这使得开发者能够快速地构建一个现代web应用。vue的作者尤雨溪将其称为渐进式框架。avue遵循渐进增量的设计原则.其核心库专注于用户界面.使得现有的项目可以方便地集成使用vue口vue既可以构建出很小的原型.又可以构建出复杂的大型wb应用。口vue非常容易上手初学者能轻松掌握vue.而已经熟悉ue的开发者则可以在实际项目中快速发挥出它的作用vue整体上遵循mvwm( model-view- viewmodel.模型-视图-视图模型)架构.也就是说vew(用户界面或视图)和 model(数据)是独立的. view model(vue)是view和 model交互的桥梁。vue对view和 model之间的更新操作做了自动化处理.并且已经为开发者进行了优化。因此.当view的某个部分需要更新时.开发者并不需要特别指定.wue会选择恰当的方法和时机进行更新vue还吸取了其他类似框架(如reat、 angular和 polymer)的精华。下面是对wue核心功能的概述。口一个响应式的数据系统.能通过轻量级的虚拟dom引擎和最少的优化工作来自动更新用户界面。口灵活的视图声明.包括优雅友好的html模板、jsx(在 javascript中编写html的技术)以及 typescript渲染函数(完全使用 javascript)口由可维护、可复用组件构成的组件化用户界面。
2第1章vue开发入门口官方的组件库提供了路由、状态管理、脚手架以及更多高级功能.使ve成为了一个灵1.1.1一个有发展前景的项目构建e的第一版原型。那时候尤雨溪任职于 google.并在工作中使用 angular.尤雨溪最初的目标是吸取 angular中所有优秀的功能.比如数据绑定和数据驱动dom.并摒弃会导致框架死板、难以学习和使用的一些功能。ue于2014年2月首次公开亮相.并在第一天就大获成功:出现在 hackernews首页.在reddit b j//javascript板块中位居榜首.并且其官网获得了1万次独立访问vue的第一个主要版本1.0于2015年10月发布。截至2015年年底.vue在mpm中的下载量飙升至382万次.在 github上收获了1.1万个star.其官网获得了36.3万次独立访问。主流的php框架 caravel选用vue替代 react作为其官方的前端库wue的第二个主要版本20于2016年9月发布.具有基于虚拟dom的全新渲染器以及许多新待性.比如服务端渲染和性能提升等。本书就是基于2.0编写的。vue是目前速度最快的前端框架之一。根据与react团队共同得出的对比报告.vue的性能甚至优于reacthttps:/n.guess.orgv2 guide/comparison)b写作本书时.vue是 github上第二流行的前端框架.有7.2万个star.位于 react之后、 angular之前在其路线图中.ve的下一个主要版本会集成更多的wue原生库.比如weex和 nativescript以便使用vue来构建原生移动应用.同时还会添加新的特性和优化如今.有许多公司都在使用vue.比如微软、 adobe、_阿.里_巴巴、百度、小米、 expedia、任天堂和 gitlab1.1.2兼容性要求vue没有任何第三方依赖.可以在所有兼容 ecmascript5的浏览器中使用。这也就是说它不支持 internet explorer8及以下版本.因为vue使用了 javascript中相对较新的特性.比如object. defineproperty.而它们在老版本的浏览器中是无法 polyfit的在本书中.编写代码使用的 javascript版本为es2015(以前称为es6.所以在学习前几章时.需要一个较新的浏览器(比如edge、 firefox或 chrome)来运行示例代码。本书后续章节将绍编译器 babel.它编译过的代码可以很好地运行在老版本浏览器中。①中文版出版时.ve已超越 react.位居第一.参见;htps:/ github. com/collections/front 13创建一个应用31.2一分钟设置事不宜迟.下面我们通过快速设置来创建第一个ue应用。由于vue与生俱来的灵活性需要一个简单的< script>标签就能添加到任意web页面中。下面创建一个包含vue库的简单web页面.其中有一个简单的div元素和一个< script>标签head
4第1章vue开发入门hello yue在上面的代码中.使用关键字new调用we构造器创建了一个新的实例。vue构造器有一个option对象。该参数可以携带多个属性(称为选项).我们会在后面的章节中逐渐学习这里只使用其中的两个属性通过e1选项.我们使用css选择器告知vue将实例添加(挂载)到web页面的哪个dom素中。在这个示例中.vue实例将使用< div id=\"root\">dom元素作为其根元素。另外.也可以使用vue实例的 smount方法替代e1选项vue.)sapp. smount(‘#rootvue实例的大多数特殊方法和属性都是以美元符号(s)开头的我们还会在data选项中初始化一些数据.利用了携带一个字符串的 message属性。现在vue应用运行起来了.但是此处还并没有做什么。在单个web页面中.开发者可以添加任意多个vue应用。只需要为每个应用创建出新的vue实例并挂载到不同的dom元素即可。当想要将vue集成到已有的项目中时.这非常方便。∨ue开发者工具e有一个官方调试工具.在 chrome中以扩展的方式呈现.名为 ue js devtools。通过该工具可以看到应用的运行情况.这有助于调试代码。可以在 chrome网上应用商店htps/ chrome. google. com/webstore/search/vue)下载;如果使用 firefox.则可以到 firefox附加组件(htps:/ addons. mozilla. org/en-us/ firefox/addon/ wue-js-devtools7?src=s)下载使用 chrome版本的话.还需要进行额外的设置。在扩展设置中.启用 allow access to fileurls选项.这样调试工具就能在从本地磁盘打开的web页面上检.测vue了 ############################################# “
