摘要：1、在要获取的标签中添加 ref="xx" 示例： 2、在 mounted 钩子中使用 this.$refs.xx. 获取并操作 DOM 元素 示例： 3、vue 操作 DOM 完整示例： template 部分： script 部分： 阅读全文

摘要：一、计算属性：computed 模板内的表达式非常便利，但放入太多的逻辑会让模板过重且难以维护，所以，对于复杂的逻辑，可以使用计算属性 computed。 1、基本用法 HTML 代码： JS 代码： 以上代码中声明了一个计算属性 rmsg，提供的函数将用作属性 vm.rmsg 的 getter，v 阅读全文

摘要：Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数，结合相应系统，在应用状态改变时，Vue 可以智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 一、插值 1、文本 数据 阅读全文

摘要：一、什么是生命周期？ Vue 实例从创建到销毁的过程，就是生命周期。 二、生命周期钩子 1、创建期间的生命周期函数： beforeCreate：实例刚在内存中被创建出来，此时还没初始化好 data 和 methods 属性 created：实例已在内存中创建，此时 data 和 methods 已经 阅读全文