随笔分类 -  Vue3

上一页 1 2
在vue3.0+中使用tinymce及实现多图上传，文件上传，公式编辑等功能
摘要：###vue2版本移步至 https://www.cnblogs.com/huihuihero/p/13877589.html ###vue3版本中配置tinymce，相较于vue2版本区别不大，主要注意需要变更版本号 【vue2.0+tinymce】我采用的是 "@tinymce/tinymce- 阅读全文
posted @ 2022-12-09 17:26 huihuihero 阅读(2473) 评论(0) 推荐(0)
vue3常用的几个组件通信方式，props, emit, provide/inject,
摘要：props（父传子，多用于 子组件需要渲染父组件中的数据） 【父】 <div> <comp-son :name="name" :age="age" /> //向子组件传值 </div> setup() { const state = reactive({ name: "Jack", age: 18 阅读全文
posted @ 2022-12-02 11:26 huihuihero 阅读(1153) 评论(0) 推荐(1)
vue3通过ref获取元素及注意事项
摘要：##常规用法（获取单个元素） <template> <div class="search-input"> <input type="text" ref="searchInputElem" v-model="searchValue" @keyup.enter="onSearch" placeholde 阅读全文
posted @ 2022-11-28 10:44 huihuihero 阅读(1072) 评论(0) 推荐(0)
vue3中的移动端适配
摘要：###参考以前写过的一篇文章 https://www.cnblogs.com/huihuihero/p/11451696.html ###安装lib-flexible ``` yarn add lib-flexible 或者 npm install lib-flexible ``` ###main. 阅读全文
posted @ 2022-11-23 16:05 huihuihero 阅读(1307) 评论(0) 推荐(0)
vue3的vuex简单配置
摘要：##vuex目录 ##文件内容 ###【store/index.js】 import { createStore } from "vuex"; import modules from "./modules"; const setupStore = (app) => { let storeOption 阅读全文
posted @ 2022-09-26 10:59 huihuihero 阅读(379) 评论(0) 推荐(0)
vue3路由简单配置
摘要：文档，从vue2.x迁移 https://router.vuejs.org/zh/guide/migration/index.html 路由目录 各文件内容 【router/index】 import { createRouter, createWebHashHistory, createWebHi 阅读全文
posted @ 2022-09-23 17:09 huihuihero 阅读(1274) 评论(0) 推荐(0)
vue3语言切换相关，i18n的配置和使用
摘要：安装依赖 yarn add vue-i18n@next yarn add vue-i18n@9.2.2 # or npm install vue-i18n@next 目录配置 注 语言翻译文档文件可以放在大多数位置，此处放在language文件夹下。 当然也可以在对应模块的文件夹下新建一个文件夹如l 阅读全文
posted @ 2022-09-21 22:44 huihuihero 阅读(3012) 评论(0) 推荐(0)
vue3组件配置相关，文件目录，自动注册，引入等
摘要：组件目录 全局组件的注册和引入 全局组件注册 components/index.js 【方式一：先引入后注册】 import BgImage from "@/components/global/web-background/bg-image.vue"; import BackTop from "@/ 阅读全文
posted @ 2022-09-19 17:21 huihuihero 阅读(13) 评论(0) 推荐(0)
vue3中axios配置相关
摘要：安装axios依赖 yarn add axios 或 npm install axios --save src目录下创建相关文件夹 相关文件内容 【config/request.js】 import axios from "axios"; // import store from "@/store" 阅读全文
posted @ 2022-09-16 15:51 huihuihero 阅读(208) 评论(1) 推荐(0)
创建和配置一个vue3项目
摘要：创建一个基本的vue3项目 https://www.cnblogs.com/huihuihero/p/12272594.html 版本更新需要：vue版本变更，Vue脚手架版本变更，如何全局使用及问题解决相关 https://www.cnblogs.com/huihuihero/p/16312696 阅读全文
posted @ 2022-09-14 08:38 huihuihero 阅读(3) 评论(0) 推荐(0)
vue3项目开发经验
摘要：##相关知识汇总 从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境 https://juejin.cn/post/6951649464637636622 vue3项目经验分享 https://juejin.cn/post/7094068971200053255 分享 15 个 Vue 阅读全文
posted @ 2022-08-22 22:03 huihuihero 阅读(153) 评论(0) 推荐(0)
vue3的开源项目汇总（后台管理等）
摘要：开源前端项目汇总的相关博客参考 https://zhuanlan.zhihu.com/p/587627578 https://www.zhihu.com/question/440658257/answer/3003620180 https://blog.csdn.net/weixin_5064480 阅读全文
posted @ 2022-08-22 22:02 huihuihero 阅读(3094) 评论(0) 推荐(0)
vue3的优质UI库汇总
摘要：##PC端UI库 【element-plus--推荐】 说明：饿了么UI库 网址：https://element-plus.org/zh-CN/component/button.html 【ant-design-vue--推荐】 说明：蚂蚁前端 UI 库，面向企业级中后台 网址：https://ww 阅读全文
posted @ 2022-08-22 20:56 huihuihero 阅读(1471) 评论(0) 推荐(0)
vue3 静态引入与动态引入（异步引入）
摘要：####静态引入：所有的引入项都引入完成后再进行下一步操作。 ####动态引入：先引入完成的项，先进行下一步操作 【静态引入】 import Header from "./components/header" 【动态引入（异步引入）】 import {defineAsyncComponent} fr 阅读全文
posted @ 2022-08-12 15:16 huihuihero 阅读(3273) 评论(0) 推荐(0)
MVVM模式解析
摘要：https://blog.csdn.net/zag666/article/details/116212169 阅读全文
posted @ 2022-06-17 10:46 huihuihero 阅读(4) 评论(0) 推荐(0)
【vue3】全局样式配置
摘要：####1、安装相关依赖 yarn add style-resources-loader vue-cli-plugin-style-resources-loader ####2、在vue.config.js中进行配置 const path = require("path"); pluginOptio 阅读全文
posted @ 2022-06-01 15:40 huihuihero 阅读(1955) 评论(0) 推荐(0)

上一页 1 2