Vue基础知识总结 4:vue组件化开发

作者简介:哪吒,CSDN2021博客之星亚军、新星计划导师✌、博客专家

哪吒多年工作总结:Java学习路线总结,搬砖工逆袭Java架构师

关注公众号【哪吒编程】,回复1024,获取Java学习路线思维导图、大厂面试真题、加入万粉计划交流群、一起学习进步

目录

一、函数式编程

1、函数式编程简介

2、代码实例

二、v-model

1、v-model双向绑定

2、v-model和radio结合使用

3、v-model和CheckBox单选框结合使用

4、v-model和CheckBox多选框结合使用

5、v-model结合select使用

6、v-for值绑定

7、v-model修饰符的使用

三、组件化开发

1、全局组件

2、局部组件

3、父子组件

4、组件化语法糖写法

5、组件模板抽离写法

四、组件可以访问Vue实例数据吗?

1、简介

2、代码实例

3、效果展示 

五、父子组件通信

1、父子组件通信简介

2、父传子代码实例

3、父传子效果展示 

4、props中的驼峰标识

5、子传父(自定义事件方式)

6、子传父代码实例

7、子传父效果展示


一、函数式编程

1、函数式编程简介

函数式编程是种编程方式,它将电脑运算视为函数的计算。函数编程语言最重要的基础是λ演算(lambda calculus),而且λ演算的函数可以接受函数当作输入(参数)和输出(返回值)。

和指令式编程相比,函数式编程强调函数的计算比指令的执行重要。

和过程化编程相比,函数式编程里函数的计算可随时调用。

filter函数自动过滤对象的所有元素,返回true才会存入指定对象;

Reduce函数对数组内部的所有元素进行汇总;

2、代码实例




  
  Title


{{totalPrice()}}

二、v-model

vue中经常使用到