纸质书25日起暂停发货
因库房年中盘点,25日15点后的纸书订单,5月2日后才会发货。
访谈嘉宾:刘传君 ![enter image description here][1] 刘传君,创过业、做过产品、一个爱读书,喜欢分享的程序员。先后在图灵社区出版了《HTTP小书》《Git小书》《Vue.js小书》《Swift iOS开发小书》。 访谈实录: 创业…...
最近程序猿界出了一档子事儿,一位名叫“大漠穷秋”的工程师,对JavaScript框架vue展开攻击,骂使用vue的用户是小白,战斗由此挑开了。 ![enter image description here][1] Angular有哪些地方比Vue更优秀? https:/…...
这本书呢我其实之前我有看到过。当时就有点不大喜欢他的这种对话的风格,但是现在因为找不到更好的书么有看过好几本都觉得不咋样,就没办法只有回头来看,对他这种风格,也只有再忍一忍。结果真正看下来了,发现我最初并不喜欢的风格之下,其实有非常好的叙事,特别是生活化的那种场景描述,对于抽象…...
有几位我尊敬的圈内高手,表达了写作对自己的价值,甚至其中一位,现在和顶尖的知乎高手学习写作。而我,在此说这个价值,是因为我说的观念,是这些人没有说过的。 警告:还是那句话,我笔写我心,来讨论的,我欢迎,来bb的,你小心,我会骂回去。笨蛋的第一个功课,是要学会闭嘴。 事件 …...
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的修改
http://www.sucaihuo.com/video/56.html