小婷的博客

当组件中有很多参数需要传递时，可以在data中创建一个对象，使用v-bind=“对象”来简化代码举例：注： 1. html中不支持大写字母，如果名字过长建议使用-连接2.属性传的时候，使用 content-abc 这种命名，接的时候，使用 contentAbc 命名例如：**单向数据流的概念：**父组件的数据可以流向子组件，但子组件不能*反向修改父组件的数据如何解决：...

**父子组件传递：**父组件调用子组件的标签，通过标签上的属性，向子组件传递值，子组件通过props先来接收对应的属性的内容，之后可以在模板template中使用传递过来的数据了静态传参：固定的字符串动态传参：内容由data中的数据决定传值校验如果传递的类型不对，会有警告required:true要求必须传参数default:默认值validator:对参数深度校验举例：参数不符合要求有提示...

全局组件的定义：*举例：*创建一个vue实例，包含一个子组件counter组件的复用性：每个组件可以被反复使用，独立不会相互影响例：注：.component定义的组件是全局组件，只要定义了，不仅在父组件能用，在其他组件也能用。性能不高，但是使用起来简单。局部组件的定义：*举例：*创建一个Vue实例，有一个子组件counter，需要添加components来注册组件注：1.局部组件，定义了要通过components注册之后才能使用，性能比较高，使用起来比较麻烦，局部组件定义名称无法使用“-”，建

计算属性computed与methods的区别1.computed：当计算属性依赖的变量发生变更时，才会重新执行计算2.methods：只要页面重新渲染，就会重新执行计算watcher：侦听器，会侦听某一个属性的变化，变化时会做一些异步操作，同步操作的话，不如computed简洁。注：computed与method都能实现的一个功能，建议使用computed，因为有缓存computed与watcher都能实现的一个功能，建议使用computed，因为更简洁...

v-if与v-show两个指令的差异点：v-if是通过这个元素在dom上的存在与否来控制它的展示或者隐藏的v-show是通过style样式来控制，隐藏display：none，显示display会被去掉如何更新数据，让数组的内容变化1.使用数组的变更函数：push，pop，shift，unshift，splice(对一部分内容做变更)，sort(排序)，reverse（取反）举例：this.listArray.push('hello');this.listArray.pop(); //从后往

生命周期函数定义：在某一刻会自动执行的函数1.beforeCreate：分析完事件与生命周期函数之后（实例创建之前）会立即执行2.created：分析完数据的依赖注入和双向绑定后（实例创建之后）会被自动执行的函数3.beforeMount：在组件内容被渲染到页面之前，会被自动执行的函数4.mounted:在组件内容被渲染到页面之后自动执行的函数5.beforeUpdated:当data中的数据发生变化的时，会立即自动执行的函数6.updated：当data中的数据发生变化的时，页面重新渲染后，