vue学习笔记总结（一）

一. 动态绑定属性（v-bing）

语法糖：

：class绑定类  ：style 绑定样式

二. 计算属性

1.本质 computed{set{}，get{} }

2.计算属性和methods对比 ：多次使用有缓存

三.事件监听

1.语法糖@

2.参数   

btnClick 不带参数 

btnClick（event）浏览器自带的事件 

btnClick（参数，$evevt）

3.修饰符

1.stop 阻止冒泡事件

2.prevent 阻止默认事件

3.enter 监听回车键

4.once 只执行一次

四. 条件判断

1.v-if v-else v-else-if

2.v-show跟v-if区别 v-show有缓存

五. 循环遍历

1.(value)  (value key)     (value key index)

2.若在for循环中间添加内容 用key提高性能

若不用key往中间插入则插入之后的顺序全往下排列

3.那些数组方法不是响应式

通过索引号修改的数组不会响应

4.书籍案例

5. 高阶函数

1.filtle（）筛选数字范围

2.map（）改变数字大小

3.reduce（）传2个（上一个，另一个）参数，对参数进行汇总

六. v-model的使用

1.v-model基本使用 双向绑定

2.v-model结合radio\checkbox\select

3.修饰符 

1.lazy 失去焦点时回应

2.number 数字类型

3.trim 省略空格

七.组件化开发

1.认识组件化（创建组件构造器，注册组件，使用组件）

2.组件的基本使用

3.全局组件和局部组件

4.父组件和子组件

5.注册语法糖 

6.模本的分离写法  <script>  <template>

7.数据的存放

1.子组件不能直接访问父组件（子组件有子组件的作用域）

2.子组件中有自己的data，而且必须是一个函数

3.为什么必须是一个函数（每次调用重新创建）

8.父子组件的通信，访问

1.父传子 $props 

2.子传父 $emit 

3.父访问子 $children  $refs

4.子访问父 $parent

9.插槽

1.slot插槽的基本使用  扩张，留出更该空间

2.具名插槽的使用 <slot name = " ">  改变任意具有命名的插槽 在父组件更改

3.什么是编译的作用域 

1.在vue实例化的搭载范围内作用域属于父组件

2.在template子组件内作用域属于子组件

4.作用域插槽的使用（把子组件的作用域传给父组件）

在子组件的slot 绑定一个任意数组，

在父组件内<template slot-scope = ‘slot’>再在子组件绑定好的数据应用