个人简介

Echo Blog


江湖无名 安心练剑
  • VUE3-30-plugins 插件
    插件 插件是自包含的代码,通常向 Vue 添加全局级功能。它可以是公开 install() 方法的 object,也可以是 function 插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或者 property。如:vue-custom-element 添加全局资源:指令/过滤器/过渡等。如:vue-touch) 通过全局混入来添加一些组件选项。(如vue-rout...
    2021-08-02 13:01:55 | VUE
  • VUE3-29-渲染函数
    渲染函数 Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。 然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。 让我们深入一个简单的例子,这个例子里 render 函数很实用。 假设我们要生成一些带锚点的标题: <h1> <a name="hello-world" href="#hell...
    2021-08-02 13:01:55 | VUE
  • VUE3-28-teleport
    Teleport Vue 鼓励我们通过将 UI 和相关行为封装到组件中来构建 UI。我们可以将它们嵌套在另一个内部,以构建一个组成应用程序 UI 的树。 然而,有时组件模板的一部分逻辑上属于该组件,而从技术角度来看,最好将模板的这一部分移动到 DOM 中 Vue app 之外的其他位置。 一个常见的场景是创建一个包含全屏模式的组件。在大多数情况下,你希望模态的逻辑存在于组件中,但是模态...
    2021-08-02 13:01:55 | VUE
  • VUE3-27-自定义指令
    简介 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。 注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。 然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。 举个聚焦输入框的例子,如下: html <div id="simplest-directive-example"...
    2021-08-02 13:01:55 | VUE
  • VUE3-26-mixins 混入
    基础 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。 一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 例子: // define a mixin object const myMixin = { created() { this.hello() }, methods...
    2021-08-02 13:01:55 | VUE
  • VUE3-25-状态过渡
    状态过渡 Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,比如: 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的 property 这些数据要么本身就以数值形式存储,要么可以转换为数值。 有了这些数值后,我们就可以结合 Vue 的响应性...
    2021-08-02 13:01:55 | VUE
  • VUE3-24-列表过渡
    列表过渡 目前为止,关于过渡我们已经讲到: 单个节点 同一时间渲染多个节点中的一个 那么怎么同时渲染整个列表,比如使用 v-for? 在这种场景中,使用 <transition-group> 组件。 在我们深入例子之前,先了解关于这个组件的几个特点: 不同于 <transition>,它会以一个真...
    2021-08-02 13:01:55 | VUE
  • VUE3-23-进入过渡 & 离开过渡
    进入过渡 & 离开过渡 在插入、更新或从 DOM 中移除项时,Vue 提供了多种应用转换效果的方法。 这包括以下工具: 自动为 CSS 转换和动画应用 class; 集成第三方 CSS 动画库,例如 animate.css ; 在过渡钩子期间使用 JavaScript 直接操作 DOM; 集成第三方 J...
    2021-08-02 13:01:55 | VUE