今年618，图灵自有719种电子书参与以下两种优惠：
活动时间：6.18日
满减优惠码：618
每单满 99 减 50
满折优惠码：618+
每单满 299 即享5折
出版信息
- 书 名Vue.js小书
- 执行编辑关于本书的内容有任何问题，请联系 杨帆
- 出版日期2017-02-22
- 书 号EA024
- 出版状态上市销售
- 原书名Vue.js小书
- 原书号EA024
本书特色
目录
作者介绍
相关文章
-
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的修改