qq_62401904的博客

由于在点击登录时要获取数据库中的数据所以要提前启动MySql，并运行相应接口。（2）创建gitee仓库（最好与项目同名），将此项目托管到上面。（1）运行 cmd命令窗口输入命令。

在Vue脚手架实现登录页面及跳转

面包屑的实现主要代码+tag功能实现主要代码+form表单主要代码

Vue后台管理系统实现echarts图主要代码

目录一生命周期二、自定义hook函数三、toRef 四、shallowReactive与shallowRef 五、readonly与shallowReadonly六、toRaw与markRaw 七、customRef八、provide与inject九、响应式数据的判断 十、Vue2与Vue3区别十一、Teleport组件十二、Suspense组件十三、 Vue3中其他改变●作用:创建一一个自定义的ref, 并对其依赖项跟踪和更新触发进行显式控制。...

一 Vue简介Vue是一套用于构建用户界面的渐进式（Vue可以自底向上逐层的应用简单应用:只需一个轻量小巧的核心库，复杂应用:可以引入各式各样的Vue插件）JavaScript框架。特点：1采用组件化模式，提高代码复用率、且让代码更好维护。（一个vue文件就是一个组件） 2.声明式编码,让编码人员无需直接操作DOM,提高开发效率。 3.使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。.........

目录一 render函数二 脚手架文件结构三 vue . config. js配置文件四 ref属性五 配置项props六mixin(混入)七插件一 render函数关于不同版本的Vue:1.vue. js与vue.runtime.xxx. js的区别:(1).vue.js是完整版的Vue,包含:核心功能+模板解析器。(2)vue.runtime.xxx.js是运行版的Vue,只包含:核心功能;没有模板解析器。2.因为vue . runtime .x...

二 绑定样式1. class样式写法:class="xxx“，xxx可以是字符串、对象、数组。（1）字符串写法适用于:类名不确定，要动态获取。（2）对象写法适用于:要绑定多个样式，个数不确定，名字也不确定。（3）数组写法适用于:要绑定多个样式，个数确定，名字也确定，但不确定用不用。2. style样式:style="{fontSize: xxx}" 其中xx是动态值。:sty1e="[a,b]"其中a、b是样式对象。......

一 vuex1 作用：供多组件共享（读/写）工作图：2 搭建vuex环境（1）.创建文件: src/store/index. js//引入Vue核心库import Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件Vue .use(Vuex)//准备actions对象一响应组件中 用户的动作const actions = {}//准备mutations对象一修改state中的数据const mutat.

一 收集表单数据:若: <input type="text"/>. 则v-mode1收集 的是value值，用户输入的就是value值。若: <input type="radio" />，则v -mode1收集的是value值，且L 要给标签配置value值。若: <input type=" checkbox"/>1.没有配置input的value属性，那么收集的就是checked (勾选or未勾选，是布尔值)2.配置input的value属性:(1)v -

一 计算属性1.定义:要用的属性不存在，要通过已有属性计算得来。2.原理:底层借助了objcet.defineproperty方法提供的getter和Isetter.3. get函数什么时候执行?(1).初次读取时会执行一次。(2).当依赖的数据发生改变时会被再次调用。4.优势:与methods 实现相比，内部有缓存机制(复用)，效率更高，调试方便。5.注意:1.计算属性最终会出现在vm上，直接读取使用即可。2.如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计..

目录一 vue3的特性二setup三 、ref函数四、reactive函数五、Vue3.0的响应式六、reactive对比ref七、setup的两个注意点八、计算属性与监视 1.computed函数2.watch函数3.watch时value问题4.watchEffect函数一 vue3的特性vue3相比vue2，带来的好处：（1）性能的提升（2）源码升级： 1）使用Proxy代替defineProperty实........

目录一.路由的props配置二.的replace属性三.编程式路由导航四.缓存路由组件五.两个新的生命周期钩子六 .路由守卫七路由器的两种工作模式一.路由的props配置作用:让路由组件更方便的收到参数{name: 'xiangqing' ,path: 'detail/:id'，component :Detail,//第一种写法: props值为对象，该对象中所有的key-value的组合最终都会通过props传给Detail组件// props.

一 消息订阅与发布1.一种组件间通信的方式，适用于任意组件间通信。2.使用步骤:1.安装pubsub: npm i pubsub-js2.引入: import pubsub from 'pubsub-js'3.接收数据: A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。methods(){demo(data){.....}mounted() {//此处demo回调函数在methods中自行定义this.pid = pubsub. subscribe('xxx'

一 TodoList案例分析TodoList案例：App.vue<template><div> <div class="todo-container"> <!-- <my-header :addTodo="addTodo"/> --> <MyHeader @addTodo="addTodo"/> <List :todos="todos" :checkTodo="checkTodo"..