Vue.js小书 - (EPUB全文下载)
文件大小:0.12 mb。
文件格式:epub 格式。
书籍内容:
版权信息
书名:Vue.js小书
作者:刘传君
本书由北京图灵文化发展有限公司发行数字版。版权所有,侵权必究。
您购买的图灵电子书仅供您个人使用,未经授权,不得以任何方式复制和传播本书内容。
我们愿意相信读者具有这样的良知和觉悟,与我们共同保护知识产权。
如果购买者有侵权行为,我们可能对该用户实施包括但不限于关闭该帐号等维权措施,并可能追究法律责任。
图灵社区会员 停止使用图灵社区(869710179@qq.com) 专享 尊重版权
推荐序
前言
作者介绍
介绍
Vue实例
todo应用
更多选项
选项:watch监视
选项:computed计算成员
计算属性内幕
绑定
数据绑定
针对class的情况
针对style的情况
事件绑定
元素绑定
v-if
v-for
数组的响应化
绑定控件
text
checkbox
radio
select
textarea
指令
概述
简写
自定义指令
组件
注册和引用
动态挂接
引用组件
组件协作
使用属性
使用事件
内容分发
使用事件总线
综合案例
组件编码风格
集中模板式
分离模板式
函数式
脚手架
单文件组件
vue-cli脚手架工具
应用单文件组件
热加载测试
回归日常
查看vue文件
插件
创建插件
路由插件
不使用脚手架
使用脚手架
路由构造对象
路由钩子函数
异步组件
http访问插件
从GET方法开始
完整的URL访问
状态管理插件
vue-devtools
检视组件结构
检视vuex的时间旅行能力
webpack
webpack模块化方案
加载css
加载svg
加载图片
创建api-server
热加载
后记
vanilla.js
jquery
Vue.js
放松一下
推荐序
作为一个开源项目的作者,最有成就感的时候莫过于有用户告诉你,你的作品让他们的生活变得更美好了。作为一个开源项目的使用者,我也深刻地了解使用一个跟自己合拍的项目的那种愉悦感。因此,在看到本书作者在前言中描述他和 Vue.js 的初遇的时候,我能够真切地感受到他对 Vue.js 的喜爱,也因此感到格外的欣慰。
这是一本小书,但麻雀虽小,五脏俱全。篇幅不长,涵盖的内容却面面俱到;虽然一些部分没有特别深入,但全书脉络清晰,行文通畅,浅显易懂,很适合新手入门。希望这本书能够帮助更多的开发者走进 Vue.js 的世界,让前端开发变成一件值得享受的事情。
尤雨溪
Vue.js 作者
2017年2月8日
前言
说到Vue.js的初见,我常常会和我的另外一个经历联系到一起。那是2015年初冬,成都雾霾,数日不见阳光,我感受到了极度的不快乐。于是我驱车外行,从成都出发,经过雅安、荥经一路,然而天气都是一样。当我冲过泥巴山的隧道,突然间猝不及防,我看到了洒满阳光的山坡和谷地,也感受到了我脸上的热度和亮度。那一刻,我快乐得想要飞。
2016年,我希望创建一个前后端一体的框架,来填补公司内的比较老旧的、基于PC网页、不能胜任移动开发领域的框架。于是,我跳入了Node和前端的坑。一路经过了回调地狱、范式迁移、框架森林,颇有几次看到自己在复杂面前的无力感。然后过了JavaScript隧道,终于看到了Vue.js。那一刻,就好像走出雾霾拥抱阳光的感受。我爱Vue.js的几个亮点:
绑定式语法,声明式编程。
组件,尤其是单文件组件。
优美的API设计,简短,几乎没有驼峰式长复合词。
字段依赖关系的计算相当巧妙,从而无需脏检查即可完成渲染依赖分析。
这些亮点,在编码领域其实并不新颖,特别是前两点,在桌面程序开发中其实差不多就是标配。然而,在前端领域把它们巧妙地引入,并充分利用了JavaScript的字面量对象带来的优势,Vue.js做得相当不错。我和每个我见过的程序员谈它,介绍它,也听到了部分人使用Vue.js过程中的欣喜,投入了对它的研究——写框架、写测试、看源代码,我写了很多研究笔记并发布到我的博客上。
不知不觉数月已过,我发现我写了很多笔记,也收到了一些评论和关注。我研究这个领域,并且决定最后成书,我发现它对我有用。现在我推荐给你,希望对你也是一样的有用。
作者介绍
作者:刘传君
创建过产品,创过业。好读书,求甚解。 可以通过1000copy#gmail.com联系到我。
介绍
Vue是一个专注于前端UI的框架。它的主要能力是:
声明式绑定。包括数据绑定、事件绑定。
基于组件的编程。让开发者可以把整个应用分为若干组件,从而达到分而治之的目的。
本篇文字会讲解声明式绑定,并且会谈及Vue的数据绑定、事件绑定、Vue实例、指令等诸多概念。
为此,我采用了一个案例,它是一个微小的、叫做counter的应用,看起来是这样的:
有一个标签显示数字0,当点击按钮“+”,数字会每次加1。
Vue实例
代码如下。你可以直接保存代码到html文件中,然后用浏览器打开此文件来查看效果。请注意,如果是IE的话,必须是IE8以上版本:
你可以实际地操作,并看到按钮和数字的互动变化。然后我们来看Vue如何做到。
首先,必须引入Vue.js库。我们使用