watchEffect一进入页面就会执行一次,也可以进行监听 watchEffect的回调函数中的响应式数据只要发生了变化,回调函数会全部执行一遍 const obj=rea...
watchEffect一进入页面就会执行一次,也可以进行监听 watchEffect的回调函数中的响应式数据只要发生了变化,回调函数会全部执行一遍 const obj=rea...
利用vite创建vue3项目 npm init vite-app projectName 安装依赖运行项目: cd projectName npm install npm r...
<template> goods <el-button type="danger" plain @click="del">批量删除</el-button> <!...
角色列表 <template> <el-tree :data="data" :props="defaultProps" @node-click="han...
let canvasDom = document.getElementById('canvasId'); /* 创建canvas对象 */ let cavs = ca...
<template> </template> import * as echarts from "echarts"; import { chinaJSON } from ...
data() { return { reportsList: {}, }; }, created() { reportsGet("reports/typ...
使用如下命令通过 npm 安装 ECharts npm install echarts --save 组件页面中导入html内容 <template> </templat...
查看本地git仓库的配置项:git config --list 查看username 和 email有没有创建如果没有创建,就执行下面命令创建: git全局下创建用户名和邮箱...
添加更新用户信息: import {httpServe} from '@/http/index.js' /* 登录 */ export const loginPost = (...
封装axios 这里是把传过来的对象进行了解构 ,并给了默认值 ,这样写不用在意参数传递位置顺序,因为他们是根据对象的key名称来对应的 export const httpS...
封装axios import axios from 'axios' var instance = axios.create({ baseURL: 'https://***...
抽屉组件 添加用户<!-- visible 控制抽屉的显示与隐藏,值为boolean direction Drawer 打开的方向 默认为从右到左 wrapper...
Vue的生命周期 Vue的生命周期主要分为几个简单,数据初始化,dom挂载,数据更新,组件卸载,在一个就是开启了组件缓存的时候,会有组件启用和组件停用阶段,每个阶段都去前后两...
1.main.js文件中要先设置首个一级路由的childen才能实现redirect的默认的二级路由跳转,否则动态路由还没生成,默认的 redirect 跳转会到空页面,所以...
主页制作 <template> <el-container style="height: 100vh; border: 1px solid #eee"> <el-asi...
router下index.js文件配置路由: import Vue from 'vue' import VueRouter from 'vue-router' Vue.use...
1.props如果使用的是对象的形式,传过来的是对象或者是数组,默认值必须是一个方法 props:{ list:{ type:Array, req...
制作Vue版本的轮播图 第一步: 安装依赖 npm i swiper@5 --save npm i vue-awesome-swiper@3 --save 第二步: 全局安装...
vuex模块辅助函数 创建modules文件下的modA.js文件,模块的局部状态如下 const state=()=>({ modaStr:'我是模块A的数据' })...