wyb王一博

Vue的优缺点是什么 优点：低耦合，可重用性，独立开发，可测试，渐进式 缺点：不利于SEO，社区维护力度不强，相比还不够成熟 导航钩子有哪些？它们有哪些参数？ 答：导航钩子...

Watch中的deep:true 是如何实现的 当用户指定了 watch 中的deep属性为 true 时，如果当前监控的值是数组类型。会对对象中的每一项进行求值，此时会将...

Vuex各个状态 有 5 种，分别是 state、getter、mutation、action、module state Vuex 使用单一状态树，既每个应用将仅仅包含一个...

说出至少4种vue当中的指令和它的用法？ v-if：判断是否隐藏；v-for：数据循环；v-bind:class：绑定一个属性；v-model：实现双向绑定 compute...

Vue文本渲染三种方法 {{}}、v-html、v-text {{ }}将元素当成纯文本输出 v-html会将元素当成HTML标签解析后输出 v-text会将元素当成纯文本...

vue-router路由 使用Vue.js开发SPA（Single Page Application）单页面应用 根据不同url地址，显示不同的内容，但显示在同一个页面中，...

action 和 mutation区别 mutation 是同步更新数据(内部会进行是否为异步方式更新数据的检测) $watch 严格模式下会报错。 action 异步操作...

Watch中的deep:true 是如何实现的 当用户指定了 watch 中的deep属性为 true 时，如果当前监控的值是数组类型。会对对象中的每一项进行求值，此时会将...

双向数据绑定的原理（响应式数据的原理） 默认 Vue 在初始化数据时，会给 data 中的属性使用 Object.defineProperty 重新定义所有属性。当页面取到...

footer在vue中使用的注意事项 Footer.vue组件需要在页面的最低端，但是中间内容的多少会影响该组件的位置,position: fixed;  bottom: ...

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

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

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

VUE指令事件修饰符 stop阻止冒泡 prevent阻止默认事件 capture添加事件侦听器使用事件捕获模式 self只当事件在该元素本身触发回调 once事件只触发一...

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

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

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

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

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

Vuejs 实现简易 todoList 功能 与 组件实例代码 todoList 结合之前 Vuejs 基础与语法 •使用 v-model 双向绑定 input 输入[内容...