Vue自定义指令的使用1.自定义指令的语法Vue自定义指令语法如下：Vue.directive(id, definition)传入的两个参数，id是指指令ID，definition是指定义对象。其中，定义对象可以提供一些钩子函数2.钩子函数定义对象的钩子函数如下:钩子函数的参数el: 指令所绑定的元素，可以用来直接操作 DOM 。binding: 一个对象，包含以下属性：*name:

如何理解vue的slot插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽的原理和Angular中的ng-transclude十分类似，本篇也是对所学内容做一个梳理。形式上看，Slot的设计对应了angular中的ng-tranclude属性，即用该方法来确定在何处放置嵌入部分。1.ng-t

Vue实现组件信息的缓存当我们在开发vue的项目过程中，避免不了在路由切换到其他component再返回后该组件数据会重新加载，处理这种情况我们就需要用到keep-alive来缓存vue的组件信息，使其不再重新加载。在app.vue里<keep-alive><router-view></router-view></keep-alive>但是这种情况会对所有的组件进行缓存，不能达到单个

Vue如何支持JSX语法通常开发vue我们使用的是模板语法，其实还有和react相同的语法，那就是render函数，同样支持jsx语法。Vue 的模板实际是编译成了 render 函数。1.传统的createElement方法createElement('anchored-heading', {props: {level: 1}}, [cr

问题背景为什么要用 vuex?在使用 Vue 进行组件化开发时，组件通信是一个十分重要的部分。在 Vue 中，父子组件的关系可以总结为父子组件通信：父组件通过 props 向下传递数据给子组件子父组件通信：子组件通过 events 给父组件发送消息使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件非父子组件通信：使用...

Vue router 如何传参params、query 是什么？params：/router1/:id，这里的 id 叫做 params。例如/router1/123, /router1/789query：/router1?id=123，这里的 id 叫做 query。例如/router1?id=456query 方式传参和接收参数传参: this.$router.push({ ...