银雨星空

官方提示： slot插槽 插槽像占位符，父组件除了想往子组件内传递数据以外，还想往子组件里传递一个html结构（html标签）该怎么办。如果使用v-html加props也确实可以实现，不过我们通过插槽

组件间通信 作为面试和笔试常考题，本身也是日常开发中必不可少的知识，这里的通信可以分为父子通信、隔代通信、以及全局通信。会涉及数据绑定，数据单向流动等问题。 props-父子间通信 props其实不是

单文件组件 我是建议通过脚手架进行项目的搭建，然后我们找到vue.文件进行学习，vue.文件本身不是浏览器能够识别的文件，vue设计出来是为了更好的进行组件化开发，vue-cli内置的webpack模

Vue组件 组件作为组件化开发的基础，帮助我们更好的协同开发和项目集成。 初识自定义组件 这里的组件是我们自定义的组件，最原始的写法。 效果： 通过上面简单的组件写法，我们发现components属性

本文基于Vue2展开。 Vue生命周期/钩子函数 Vue生命周期是指vue实例从创建、加载、更新到销毁的过程。 下面是所以知识的整合图，基于官方提供的图片： beforeCreate和created

v-自定义指令 directives属性负责注册自定义v-指令，除了在组件实例中使用，还可以全局使用。 我们先讲局部的注册，最后讲全局的使用。 自定义指令结构 我们在组件实例中注册自定义v-指令： 这

methods属性 methods的结构相比watch和computed是最“正常”的。 使用场景 事件中使用： 插值表达式中： v-指令（属性）中： 其他实例属性调用： 差异比较 methods、c

watch侦听器 语法特点：侦听器方法必须和被侦听的属性同名。 属性侦听器使用 当监听的属性产生变化时会执行的函数。存在多种写法和处理。 data、methods、computed、watch命名情况

computed计算属性 同样顾名思义，作为国人开发的前端框架确实单词都比较形象，计算属性就是做变量的计算，我们通过计算属性获得计算过后的属性，可以是字符串处理，也是可以数字的运算等等。 计算属性的特