上市销售
Vue.js作者尤雨溪作序推荐
Vue.js 版本：2.0
本书无 pdf 版本，您可以在线阅读，或者推送mobi 版。
我爱Vue.js的几个亮点：
1. 绑定式语法，声明式编程。
2. 组件，尤其是单文件组件。
3. 优美的API设计，简短，几乎没有驼峰式长复合词。
4. 字段依赖关系的计算相当巧妙，从而无需脏检查即可完成渲染依赖分析。
这些亮点，在编码领域其实并不新颖，特别是前两点，在桌面程序开发中其实差不多就是标配。然而，在前端领域把它们巧妙地引入，并充分利用了JavaScript的字面量对象带来的优势，Vue.js做得相当不错。我和每个我见过的程序员谈它，介绍它，也听到了部分人使用Vue.js过程中的欣喜，投入了对它的研究——写框架、写测试、看源代码，我写了很多研究笔记并发布到我的博客上。
不知不觉数月已过，我发现我写了很多笔记，也收到了一些评论和关注。我研究这个领域，并且决定最后成书，我发现它对我有用。现在我推荐给你，希望对你也是一样的有用。
出版信息
- 书 名Vue.js小书
- 执行编辑关于本书的内容有任何问题，请联系 杨帆
- 出版日期2017-02-22
- 书 号EA024
- 出版状态上市销售
- 原书名Vue.js小书
- 原书号EA024
本书特色
Vue.js作者尤雨溪作序推荐：
这是一本小书，但麻雀虽小，五脏俱全。篇幅不长，涵盖的内容却面面俱到；虽然一些部分没有特别深入，但全书脉络清晰，行文通畅，浅显易懂，很适合新手入门。希望这本书能够帮助更多的开发者走进 Vue.js 的世界，让前端开发变成一件值得享受的事情。
目录
作者介绍
刘传君
创建过产品，创过业。好读书，求甚解。 可以通过1000copy#gmail.com联系到我。
《http小书》http://www.ituring.com.cn/book/1791
《Git小书》http://www.ituring.com.cn/book/1870
相关文章
-
11推荐
专访小书作者刘传君：练太极的“读书机器”（图灵访谈）
访谈嘉宾：刘传君 ![enter image description here][1] 刘传君，创过业、做过产品、一个爱读书，喜欢分享的程序员。先后在图灵社区出版了《HTTP小书》《Git小书》《Vue.js小书》《Swift iOS开发小书》。 访谈实录： 创业…...
-
8推荐
由大漠穷秋对vue的攻击说说技术和开源精神
最近程序猿界出了一档子事儿，一位名叫“大漠穷秋”的工程师，对JavaScript框架vue展开攻击，骂使用vue的用户是小白，战斗由此挑开了。 ![enter image description here][1] Angular有哪些地方比Vue更优秀？ https:/…...
-
3推荐
《大话设计模式》评论
这本书呢我其实之前我有看到过。当时就有点不大喜欢他的这种对话的风格，但是现在因为找不到更好的书么有看过好几本都觉得不咋样，就没办法只有回头来看，对他这种风格，也只有再忍一忍。结果真正看下来了，发现我最初并不喜欢的风格之下，其实有非常好的叙事，特别是生活化的那种场景描述，对于抽象…...
-
写作的价值
有几位我尊敬的圈内高手，表达了写作对自己的价值，甚至其中一位，现在和顶尖的知乎高手学习写作。而我，在此说这个价值，是因为我说的观念，是这些人没有说过的。 警告：还是那句话，我笔写我心，来讨论的，我欢迎，来bb的，你小心，我会骂回去。笨蛋的第一个功课，是要学会闭嘴。 事件 …...
-
3推荐
Vue的数据绑定
Vue的数据绑定 最近在阅读《Vue.js小书》，写一篇读书笔记总结一下吧！ 数据绑定的语法 Mustache语法 由两对大括号{{*}}将值或者表达式括起来就是Mustache语法。因为{{}}像一对小胡子，所以有这个名称。这个语法最早起源于前端模版引擎Mustach…...
段： 还是以v-hidden为例
代码明显存在冗余：
``` javascript
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
<comp></comp>
</div>
<script>
Vue.directive('hidden', {
update:function(el,binding){
el.style.display = binding.value?'none':'inline'
}
})
Vue.component('comp', {
template:'<div><button @click="hate=!hate">toggle</button><div v-hidd="hate">{{msg}}</div></div>',
directives:{
hidd:{
update:function(el,binding){
console.log(binding.value)
el.style.display = binding.value?'none':'block'
}
}
},
data(){
return{hate:false,msg:1}
}
})
new Vue(
{
el:'#app',
data(){
return{f:false}
}
})
</script>
```
简洁来说，删掉以下部分较好：
``` javascript
Vue.directive('hidden', {
update:function(el,binding){
el.style.display = binding.value?'none':'inline'
}
})
```
创建插件 vue 和 Vue 容易搞混。 如果plugin改成xxPlugin就好了。
----
也可以传入一个数组作为class属性的值：
<div v-bind:class="[active,text-danger]"></div>
得到的渲染结果为：
<div class="active text-danger"></div>
你可以继续使用一般属性的绑定方法，然而使用新方法可以在代码中避免字符串拼接这样恼人的情况。
----
建议加上如下示例说明
data: {
active: 'active',
text-danger: 'text-danger'
}
下面这条引入，没有使用
import About from './components/about'
另外没有描述App.vue的修改