vue组件通信方式一、props(父向子传值----自定义属性) / $emit(子向父传值----- 自定义事件)父组件通过props的方式向子组件传递数据，而通过$emit 子组件可以向父组件通信。1. 父组件向子组件传值(props)下面通过一个例子说明父组件如何向子组件传递数据：在子组件article.vue中如何获取父组件section.vue中的
......
289
0
0
2023-03-14
Vue Router 深入学习(二)通过阅读文档，自己写一些 demo 来加深自己的理解。(主要针对 Vue3) 上一篇：Vue Router 深入学习(一)1. 路由元信息有时，你可能希望将任意信息附加到路由上，如过渡名称、谁可以访问路由等。这些事情可以通过接收属性对象的meta属性来实现，并且它可以在路由地址和导航守卫上都被访问到。定义路由的时候你可以这
......
318
0
0
2023-03-13
Vue Router 深入学习(一)通过阅读文档，自己写一些 demo 来加深自己的理解。(主要针对 Vue3)1. 动态路由匹配1.1 捕获所有路由(404 路由) const routes = [
// 将匹配所有内容并将其放在 `$route.params.pathMatch` 下
{ path: "/:pathMatch(.*)*", n
......
335
0
0
2023-03-13
目录1. 计算属性1.1 使用方法1.2 案例-购物车合计使用计算属性2. 侦听器3. 过滤器1. 计算属性1.1 使用方法概述：模板中放入太多的逻辑会让模板过重且难以维护，使用计算属性可以让模板变得简洁易于维护。计算属性是基于它们的响应式依赖进行缓存的，计算属性比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们
......
314
0
0
2023-03-13
目录前言1. 通过动态路由参数传递2. 通过query字符串传递3. props 隐式传递前言vue 页面路由切换时传参的方式有如下几种：动态路由参数它隐藏字段信息，相对于来说较安全，同时地址栏中的地址也相对较短它必须是先定义后使用，一般用于根据固定参数，返回对应的数据所用query字符串 ?id=1通过search字符串的方式来在地址栏中传递数据，相对于来
......
416
0
0
2023-03-13
vuex是什么？怎么使用？哪种功能场景使用它？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。vuex 就是一个仓库，仓库里放了很多对象。其中 state 就是数据源存放地，对应于一般 vue 对象里面的 data 里面存放的数据是响应式的，vue 组件从 store 读取数据，若是 store 中的数据发生改变，依赖这相数据的组件也会发生更
......
336
0
0
2023-03-12
Vue 学习笔记(三)1. 插槽插槽允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。我们使用标签时，开始标签和结束标签之间之前都没有写东西。组件的标签和正常的双标签，如 div、p 等一样，可以在里面写东西。但是，直接在里面写，会发现，写的东西不会显示出来，也找不到了，被丢弃了。其实这个也挺好理解的，组件本来就有东西了，vue 又不知道你
......
328
0
0
2023-03-12
Vue 学习笔记(二)单页面应用程序 SPA，指的是一个 Web 网站中只有唯一一个 HTML 页面，所有的功能和交互都在这个唯一的页面内完成。1. vue-clivue-cli 是 Vue.js 开发的标准工具。1.1 安装 npm install -g @vue/cli1.2 vue 项目的部分文件功能vue 通过 main.js 把 App.vue 渲
......
279
0
0
2023-03-11
Vue 学习笔记(一)1. vue 简介Vue 是一套用于构建用户界面的前端框架1.1 vue 的两个特性数据驱动视图使用了 vue 的页面，vue 会监听数据的变化，自动重新渲染页面的结构数据驱动视图是单向的数据绑定，即只能由数据来影响页面结构双向数据绑定填写表单时，双向数据绑定可以让开发者在不操作 DOM 的前提下，自动把用户填写的内容同步到数据源中1.
......
290
0
0
2023-03-11
1. Vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用 Object.defineProperty（vue3.0使用proxy ）将它们转为 getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。 每个组件实例都有相应的 watcher 程序实例，它会在组件渲染的过程中把属性记录为依赖，之后当依赖
......
370
0
0
2023-03-10
目录一、使用原生js实现拖拽二、VUe使用js实现拖拽穿梭框三、Vue 拖拽组件 vuedraggable四、Awe-dnd指令封装一、使用原生js实现拖拽<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Laz
......
385
0
0
2023-03-10
目录一、效果二、完整代码三、一些配置说明1. 颜色配置2. 省份点击事件四、关于地图中的 china.js 细节修改Vue echarts 实现离线中国地图，细化到省份 更新于 2022/09/22找了好几个，没一个靠谱的，不是少了 china.js 就是其它原因不能运行。一、效果二、完整代码展示这个地图只需要Vue 环境中已安装好 echartschina
......
315
0
0
2023-03-06
目录1.什么是vuex2.什么时候用Vuex3.搭建vuex环境4.五个核心StateMutationActiongettersModules5.四个map方法的使用1.什么是vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。2.什么时候
......
369
0
0
2023-03-05
最终效果如图组件结构设计外部 Trendpage.vue<!--针对于/trendpage 这条路径显示 测试显示组件-->
<template>
<div class="comP1">
<Trend></Trend>
</div>
</template&
......
364
0
0
2023-03-05
目录一、 按照 "日", "一", "二", "三", "四", "五", "六" 把一个月的日期排列二、单元格样式处理三、单机、按住ctrl点击、按住shift点击事件处理1.记录键盘按下ctrl、shift事件2.点击事件处理3.遵循excel点击的操作方式:四、组件代码:需要写一个日历组件有以下功能，element无法满足，自己造一个只显示当
......
363
0
0
2023-03-04