![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 56
vue3
HHHHy2019
这个作者很懒,什么都没留下…
展开
-
element plus 引入icon 三种方法
目录element plus 引入icon方法直接引入、按需引入、全部引入原创 2022-02-26 11:41:48 · 14925 阅读 · 7 评论 -
vue3 qrcode 生成二维码
vue3 qrcode 生成二维码引入 `qrcode-vue3`自定义qrcode组件自定义二维码下载源代码地址 : https://github.com/HYzihong/vue3_use_casegit: https://github.com/HYzihong/vue3_use_case.gjt引入 qrcode-vue3pnpm i qrcode-vue3 -D自定义qrcode组件<!-- * @Author: hy * @Date: 2022-02-08 23原创 2022-02-22 21:56:37 · 4112 阅读 · 1 评论 -
vue3 windicss引入与生成静态分析报告
vue3 windicss引入与生成静态分析报告引入 windicssvite配置`windicss`配置`main.ts`配置生成`windicss`静态分析报告`package.json` 配置生成`windicss`静态分析报告源代码地址 : https://github.com/HYzihong/vue3_use_casegit: https://github.com/HYzihong/vue3_use_case.gjt引入 windicss$ pnpm i windicss vit原创 2022-02-22 21:50:28 · 999 阅读 · 0 评论 -
【Vue Mastery】Composition API 深度解读 之 Modularizing
Modularizing为了按照功能组织代码,我们把代码移出setup组成一个复合函数,在setup中调用这个复合函数。<template> ...</template><script> ... setup(){ return useEeventSpace(); } function useEeventSpace(){ const capacity = ref(3) const attending = ref原创 2021-06-25 23:27:13 · 255 阅读 · 0 评论 -
【Vue Mastery】Composition API 深度解读 之 Methods & Computed
Methods & Computedmethods基本使用<template> <div> {{capacity}} <br> <button @click="increaseCapacity()"> ++ </button> </div></template><script> ... setup(){ const capacity原创 2021-06-24 00:06:50 · 241 阅读 · 0 评论 -
vue 3 element plus 报错 Uncaught TypeError: Cannot set property ‘value‘ of undefined
项目场景:学习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原创 2021-06-23 15:52:39 · 2872 阅读 · 0 评论 -
【Vue Mastery】Composition API 深度解读 之 setup&ref
setup&ref什么时候使用composition apiTypescript 支持巨型组件需要按特性/功能(feature)组织代码跨组件重用代码setup(){}setup方法在 Components 、Props 、 Data 、 Methods 、 Computed Properties(计算属性)、Lifecycle methods (生命周期方法)之前执行setup也不能访问 thissetup有两个可选参数(optional arguments)原创 2021-06-23 00:24:31 · 231 阅读 · 0 评论 -
【Vue Mastery】Composition API 深度解读 之 Vue2.x中创建组件会遇到的问题
【Vue Mastery】Composition API + 深度解读 笔记(一)Vue2.x中创建组件会遇到的问题随着组件的增长,代码会越来越难以阅读,更难以维护关于代码重用上各种重用模式都有各自的缺点对Typescript支持较差随着组件的增长,代码会越来越难以阅读,更难以维护(把一个功能的代码组织到一起,更具有可读性)(我们不用担心会出现巨型的setup方法,我们可以编写合成函数 (composition functions)例如图中的 useSearch 、 useSortin原创 2021-06-22 22:07:28 · 311 阅读 · 0 评论 -
报错 Component “default“ in record with path “/“ is a Promise instead of a function that return ...
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原创 2021-06-16 14:28:23 · 15128 阅读 · 0 评论 -
vue2 vue3 打印插件 vue-print-nb
vue2 vue3 打印插件 vue-print-nb目录:vue2 vue3 打印插件 `vue-print-nb`兼容性:Firefox 、Chrome都兼容,文档说还兼容IE版本:vue2、vue3都兼容地址([npm](https://www.npmjs.com/package/vue-print-nb))基本使用兼容性:Firefox 、Chrome都兼容,文档说还兼容IE版本:vue2、vue3都兼容地址(npm)基本使用下载安装、注册为全局组件npm install vue原创 2021-06-08 11:26:32 · 5869 阅读 · 2 评论 -
从零开始的vue3的世界(一)学习使用ref,reactive,toRef
从零开始的vue3的世界(一)学习使用ref,reactive,toRef目录:从零开始的vue3的世界(一)学习使用ref,reactive,toRef`ref`基本使用:注意事项:`reactive`基本使用:ref官方介绍: 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。基本使用:这里我们以实现一个简单的计数器为例: const count = ref(0); const increase = ()原创 2021-05-28 11:31:18 · 326 阅读 · 0 评论