随笔分类 - vue
摘要:class Observer { constructor(value){ this.value = value if(Array.isArray(value)){ // 数组的逻辑 }else { // 对象的逻辑 this.walk(value) } } walk(obj) { const key
阅读全文
摘要:props import ElementUI from 'element-ui' Element.Input.props.clearable.default = true; 原生属性 通常情况下,以maxlength属性为例 import ElementUI from 'element-ui' co
阅读全文
摘要:docx的实现需要使用docx-preview插件 安装 npm i docx-preview 使用 html <div ref="file"></div> import { renderAsync } from "docx-preview"; const docxOptions = { class
阅读全文
摘要:订阅器模型 // 订阅器模型 const Dep = { clientList: {}, // 订阅 listen(key, fn) { (this.clientList[key] ??= []).push(fn) }, // 发布 trigger() { const key = Array.pro
阅读全文
摘要:计算属性 computed 特性:当他依赖的值发生变化的时候会重新计算其属性,所以对于任何复杂逻辑,你都应当使用计算属性 对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示 计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue
阅读全文
摘要:v-bind基础 用于绑定一个或多个属性值,或者向另一个组件传递 props 值 比如通过Vue实例中的data绑定元素的src和href,代码如下: <div id="app"> <img v-bind:src="imgSrc" alt=""> <a v-bind:href="link">Vuej
阅读全文
摘要:插值表达式的使用 将 data 中的文本数据,插入到HTML中可以通过 Mustache 语法(也就是双大括号),数据是响应式的 <div id="app"> <h2>Hello {{message}}</h2> <h2>{{firstName}} {{lastName}}</h2> <h2>{{n
阅读全文
摘要:Vue.js 认识 Vue(读音 /vjuː/,类似于 view) Vue是一个渐进式JavaScript 框架 Vue全家桶: Core+Vue-router+Vuex Vue有很多特点和Web开发中常见的高级功能 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 框架和库的区别
阅读全文