手记

Vue 学习,概念类东西随记

最近学习vue总是很纠结,什么钩子,什么方法,什么API。太多了头痛。所以随记总结一下,也不知道这么理解对不对,希望能有人帮我理理,帮我改正。

A、钩子(理解为晾衣的‘衣架’,在一个程序生命周期里,像衣架一样在不同阶段勾着晾衣杆做相应的事件)
1、mounted 首先要在methods(里面定义一个方法函数F function(){}),mounted:function(){
//实例化完成后就自动加载这个函数
this.F();
}
2、created 主要是跟mounted 会混乱,不知道什么场景用谁?现在我浅理解的是ajax获取后端数据的时候是用created

B、属性
1、methods 方法集 主要是放 (方法函数)
2、computed 计算属性 主要是放(计算方法方法和属性)
3、filters 过滤器 主要是放(过滤的方法:例如leach:function(val){return val.toFixed(2);} //所有数字保留两位小数)
4、watch 是监听属性 用在数据变化的时候,其他相关联的数据跟着变化(例如:父组件传递给子组件一些数据,需要改变子组件就得用watch),{其实现在还不够清楚,希望后面慢慢接触理解完善}

C、父子组件
1、props 父组件传给子组件 “参数" 父组件上面bind一个属性'xxx', 在子组件里面定义props:["xxx"]。
2、$emit 子组件只能用事件传参给父组件。先在父组件 组件 组件(重要的说三次)标签上v-on:自定义事件例如“v-on:xxx(子组件)="sss(父组件)" ”。然后在子组件写一个(点击方法)为了emit触发回调(this.$emit('xxx',"已经成功了!")//xxx为父组绑定的自定义方法,后面为返回的信息)。父组件sss函数一定要跟一个形参(‘形参’就是随便写一个string类型)。

D、vue自带方法
1.过滤器其实有很多自带的方法(capitalize首字母大写|uppercase全部大写|uppercase全部小写|currency输出金钱以及小数点|debounce包装处理器,让它延迟执行 x ms, 默认延迟 300ms。| limitBy需在v-for(即数组)里面使用|filterBy需在v-for(即数组)里面使用<需要搜索的字符串> |orderBy需在v-for(即数组)里面使用)后面四个是用较多还需多百度。
2.model也有很多的修饰符(lazy延迟同步|number转为类型|trim自动过滤空字符串)。

5人推荐
随时随地看视频
慕课网APP