目录 一、todolist项目准备 vue3.0环境搭建🍄 二、todolist基本结构 1. 定义组件🐷 2.实现todolist需要用到的四个组件 🐶 3.ref定义单个数据 🐭 4.reactive定义对象类型的数据🐹 5. 实现todolist每个组件需要的数据🐸 6. 方法的定义和使用🐯 7. 实现todolist每个组件需要的方法 🐵 8. vuex五大属性及使用方法🐒 9. 实现todolist的状态管理 🐴  10. 计算属性 🐘 11. 通过计算属性

最近在写vuex，报过一个这样的错误： Property or method "$store" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. 属

项目记录，思路其实就是监听粘贴事件，监听到用户粘贴调用上传图片接口，之后获取鼠标位置，将图片插入到指定位置就行 使用需要看下代码标蓝的地方，按需替换 安装 npm install vue-quill-editor --save cnpm i quill-image-resize-module --save  控制图片大小的 引入后的报错问题 处理： 在build文件夹下的webpack.base.conf.js新增如下代码 module.expo

基本使用 配置项 replaceFields 数据渲染属性依赖3个字段：title、key、children 没有其他可携带的用户数据 对接实际后台返回的数据，很多时候不是直接的title、key可以让我们直接渲染，这个时候replaceFields 就派上了用场。 举栗：:replaceFields="{ title: 'buildingName', key: 'buildingId' }" 这里的buildingName作为title渲染，buildingId作为key 需要注意

前言： 最近临时起意，想开发桌面应用程序，但是我们肯定都先会想到微软的C#。而我又不想花时间去学习C#，而且就算学了C#，还是很难快速开发出好看的Windows桌面应用。所以此时我就想，既然移动app都能用vue来写，那Windows的桌面应用程序是不是也可以用Vue等web前端技术来开发呢？还真可以，那就是Electron这个框架。首先声明，我自己也在学习Electron这个框架，所以就有了这个系列教程。你的电脑里得安装好Node.js，并且你得对Node.js和npm包管理工具的使用有

uView的DatetimePicker时间选择器年份排序 本菜鸟使用的是uView 2.0的版本，个人感觉没有1.0的版本好用（纯属个人见解），最近使用发现这个时间选择器的年份选项都是从小到大的年份显示。 原组件的示例： <u-datetime-picker :show="showEnd" mode="date" :minDate="15875248" ...... ></u-datetime-picker> 此处省略大部分代码=_= 在标签中添加一个

目录 项目首页开发 项目准备✌️ 样式开发👍 防抖👊 底部横条✌️ 登陆注册功能开发 样式编写 👐 路由守卫实现基础登录校验功能☝️ 使用 axios 发送登录 Mock 请求👈 请求函数的封装🙌 通过代码拆分增加逻辑可维护性👏 本项目的源代码在文章末尾哦 项目首页开发💤 我们先看一下在本文中我们这个项目要做的页面，分别是首页，登录和注册页面： 项目首页： 登录页面： 注册页面和登录页面相似，这里就不展示了。在本文中我们会完成京东到家项目首页和登

1、创建项目 打开HbuilderX。创建新项目，选择uni-app默认模板，注意选择vue 3版本。    2、vant3的安装和配置 在创建的项目下右键，使用命令窗口打开所在目录，npm i vant 注意要安装Node.js。 Node.js 安装包及源码下载地址为：下载 | Node.js。 npm i vant 是安装vant3版本 安装好后，在项目目录下就会多出node_modules目录，里面就有用到的vant  main.js中 配置如下

1、路由的使用 一、安装路由 npm i vue-router 二、配置路由 在根目录下创建文件夹router，在router文件夹下创建index.js文件，如下图所示 在index.js文件中写入如下代码，实现创建一个路由器 import VueRouter from "vue-router" import student from '../view/student' import school from '../view/school' const router=new Vue

微应用 vue3项目搭建 第一步、在主应用examples目录下创建一个vue3的项目，创建流程正常创建vue3项目无异，在这里不做过多描述； 不知道examples文件从哪来的可点击查看主应用搭建流程。 第二步、在新创建的vue项目的src文件中创建名为public-path.js 的js文件，如图所示： public-path.js文件代码如下： if (window.__POWERED_BY_QIANKUN__) { // eslint-disable-next-

1、微前端应用介绍 1.1、微前端概念 微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端仓库倾向于更小更灵活。 它主要解决了两个问题： 1、随着项

启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面。 属性说明： 属性 类型 是否必填 描述 current Number 是 当前激活的模式，list节点的索引值 list Array 是 启动模式列表 list说明： 属性 类型 是否必填 描述 name String 是 启动模式名称 path String 是 启