Vue2.0

第三章：

{{ status ? 'success' : 'fail' }}
==>v-for数组和对象的区别：
数组：

对象：

组件：（通过for
循环传参给子组件）
==>数组、对象操作方法：
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
以上会触发dom刷新
filter()
concat()
slice()
this.items[0] = "newValue" ==>使用全局方法Vue.set(this.items,0,newValue)
this.items.length = newLenght
以上不会触发dom刷新
==>表单：

{{item.text}}

v-model的修饰符：（.lazy ：延迟输出） （.number ：输出对象转化为为数字（默认是字符串）） （.trim：去除用户输入的空格）
==>计算属性computed：

{{ myValueWithoutNum }}
export default{
computed:{
myValueWithoutNum :function(){
return this.myValue.replact(/\d/g,'')
}}}
下面这种通过方法类似上面计算属性的方法，但是二者还是有区别：
{{ myValueWithoutNum() }}
export default{
methods:{
myValueWithoutNum :function(){
return this.myValue.replact(/\d/g,'')
}}}

第四章：

==>动态组件：

==>父传子props，可以给传参类型设置限制：
props可以是数组类型或者对象类型，如果是对象类型，如下写法，表示可以限制父传子的传参类型
props:{
'my-value':[Number,String,Object]
}
==>slot插槽的用法
？？？

---

vue进阶：

==>过渡（Css动画/JS动画）
//mode用于控制动画展示的过程in-out/out-in

i am shower

//show

//动态组件切换

i am shower

//if

not in show

//注意这里的p和div标签必须不同，如果相同的话，需要添加key属性以区分，否则不会执行动画效果。如下：；

i am shower

//if

i am shower

//if

//Css过渡动画：
//动画定义时，分四个状态enter、enter-active、leave、leave-active，在定义样式的话，没有设置样式的状态，为默认状态

//JS过渡动画：
//这些钩子函数可以结合CSS transitions/animations 使用，也可以单独使用。

v-on:before-enter="beforeEnter"
v-on:enter="enter"
v-on:after-enter="afterEnter"
v-on:enter-cancelled="enterCancelled"

v-on:before-leave="beforeLeave"
v-on:leave="leave"
v-on:after-leave="afterLeave"
v-on:leave-cancelled="leaveCancelled"
//主意：对于仅使用js过渡的元素，记得添加下述一行，Vue会跳过css的检测，避免了transition标签在过渡过程中CSS的影响
v-bind:css="false"
>
methods:{
beforeEnter:function(el){
//...
},
//当只用JS过渡的时候，在enter和leave中，回调函数done是必须的。否则，他们会被同步调用，过渡会立即完成。
enter:function(el,done){
//...
done()
}
afterEnter:function(el){
//...
}
........
}

==>Vue项目引入jquery：






//在这里引入api（Vue在打包的时候，不会对其进行处理）

==>自定义指令
==>mixins（混合）
==>插件