wyb王一博

vue 动态绑定类名的几种方法 单个判断推荐 1，两个条件动态切换推荐 5，多个推荐 4 (1) 我们可以传给 v-bind:class 一个对象，以动态地切换 class 根据 isActive 的

grid宫格 fraction单位 CSS 栅格布局带来了一个全新的值:fraction单位，fraction单位通常简写为fr，它允许你根据需要将容器拆分为多个块 条件渲染v-if 用 key 管理

vue 组件中 data 为什么必须是一个函数 data如果是函数，每次使用一次就会返回一个新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式

VUE指令事件修饰符 stop阻止冒泡 prevent阻止默认事件 capture添加事件侦听器使用事件捕获模式 self只当事件在该元素本身触发回调 once事件只触发一次 vue表单输入绑定 v-

父子组件之间传值 父子组件就是在一个vue文件中引入另一个vue文件，被引入vue文件就是子组件，引入vue文件的vue文件就是父组件。而在父组件中是不能直接调用子组件中的变量值的 父子组件之间的传值

回调函数 回调函数就是一个通过[函数指针]调用的函数。如果你把函数的[指针]作为[参数传递]给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调

钩子函数和回调函数的区别 回调函数可以理解类中断处理函数，以指针的形式传入，在条件满足时自动执行。钩子函数是特殊的回调函数，钩子函数是处理信息的程序段，如果有钩子函数时，钩子函数优先控制。 为什么在V

v-if 和 v-show 都可以 实现通过判断是否显示元素 ， v-if 如果为false 就直接在元素内删除， 当为true 的时候创建 v-show 是添加一个属性 display：none ，

[传入一个对象的所有 property] 如果你想要将一个对象的所有 property 都作为 prop 传入，你可以使用不带参数的 v-bind (取代 v-bind:prop-name)。 [单向