zihong2019的博客

目录element plus 引入icon方法直接引入、按需引入、全部引入

Modularizing为了按照功能组织代码，我们把代码移出setup组成一个复合函数,在setup中调用这个复合函数。<template> ...</template><script> ... setup(){ return useEeventSpace(); } function useEeventSpace(){ const capacity = ref(3) const attending = ref

Methods & Computedmethods基本使用<template> <div> {{capacity}} <br> <button @click="increaseCapacity()"> ++ </button> </div></template><script> ... setup(){ const capacity

项目场景：学习vue3 composition api 时候，使用element plus的el-form > e-input 官方示例报错问题描述：源代码 <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="xxx"> <el-input v-model="form.wbUrl.value"></el-input&g

setup&ref什么时候使用composition apiTypescript 支持巨型组件需要按特性/功能（feature）组织代码跨组件重用代码setup(){}setup方法在 Components 、Props 、 Data 、 Methods 、 Computed Properties（计算属性）、Lifecycle methods (生命周期方法)之前执行setup也不能访问 thissetup有两个可选参数（optional arguments）

【Vue Mastery】Composition API + 深度解读 笔记（一）Vue2.x中创建组件会遇到的问题随着组件的增长，代码会越来越难以阅读，更难以维护关于代码重用上各种重用模式都有各自的缺点对Typescript支持较差随着组件的增长，代码会越来越难以阅读，更难以维护（把一个功能的代码组织到一起，更具有可读性）（我们不用担心会出现巨型的setup方法，我们可以编写合成函数 (composition functions)例如图中的 useSearch 、 useSortin

vue3+vite2 抱错 vue-router.esm-bundler.js:72 [Vue Router warn]: Component “default” in record with path “/” is a Promise instead of a function that returns a Promise. Did you write “import(’./MyPage.vue’)” instead of “() => import(’./MyPage.vue’)” ? This

从零开始的vue3的世界(一)学习使用ref，reactive，toRef目录：从零开始的vue3的世界(一)学习使用ref，reactive，toRef`ref`基本使用：注意事项：`reactive`基本使用：ref官方介绍： 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。基本使用：这里我们以实现一个简单的计数器为例： const count = ref(0); const increase = ()