Anorry的博客

为了使项目和electron正常运行，需要先运行项目，使得其开发服务器的url可以正常访问，然后再开启electron去加载url。打包成功后，会在根目录出现一个 dist_electron 文件夹，文件夹下会有一个 .exe 应用程序。在前面我们安装了 electron-builder 依赖，所以这里无需安装。新建一个vue项目，或者在已经写好的vue项目上操作。把下面代码，放到 package.json 内，与。安装失败的，可看另外一篇解决方法。配置基本路径 ./ 防止出现打包后打开页面空白。

解决 Antd Vue3中 下拉框漂浮脱离bug

关于路由的用法；包括了如何实现路由；路由的工作模式；嵌套路由；路由传参；props的配置；replace属性；编程式导航；路由重定向等等内容

有关 Hooks 的概念和使用方法

文章内容主要是Vue2和Vue3的生命周期以及对应的钩子函数

Vue3，使用Props在父组件内给子组件传值；子组件接收值的几种方法

关于标签的ref属性，讲述了 在普通DOM 和组件标签上绑定 ref 的区别等

讲述了 computed计算属性；watch、watchEffect监听的定义和使用方法

响应式数据，ref 和 reactive使用及区别; toRefs 和 toRef的使用和区别

组合式API，setup语法糖

components组件的创建和引用；Vue.js Devtools插件的下载安装

Vue3，了解Vue3、创建Vue3项目，认识Vue3结构

解决Element-UI中el-time-picker无法选择时间的问题

在el-cascader级联选择器中获取label值

最近的项目中，涉及到了需要地图选点的功能，要获取选中点的经纬度，所以就此写下该文章记录一下，以便后面自己或需要的人查阅我的项目是 使用开发的后台管理项目，用的地图是。

虚拟DOM这个概念是在一种特性，在Vue1中是没有这个概念的。提出虚拟DOM是为了，就是希望我们写的代码不仅可以在浏览器里面运行，还可以在ios，安卓等手机端去运行。设置虚拟DOM之后，渲染的过程可以单独的去设计，比如说只负责数据改了之后虚拟DOM的重新生成，最终虚拟DOM变成什么样子可以由平台方去实现，这个是引入虚拟DOM的一个最大的好处。其实虚拟DOM本身很简单，它就，对象里面有属性，有键值对。但是怎么对象表示的含义变成真正的元素，这个由平台去决定，这个是虚拟DOM的好处。

父组件通过 props 将数据传递给子组件，子组件可以在自身的 props 选项中声明接收的属性，并使用这些属性来渲染内容。

在使用 Query 参数传值时，参数会附加在 URL 后面，以?开头，并使用key=value的形式表示。这种方式适用于简单的参数传递，例如搜索关键字、页码等。示例 URL：/user?页面A跳转到页面B。

action 是 Vuex 的核心概念之一，用于触发异步操作的，它可以包含任意异步操作，并通过去调用Mutations来修改状态。

ref通常用来定义基本类型数据reactive用来定义：对象（或者数组）类型数据ref也可以用来定义对象或者数组类型的数据，内部会通过reactive转为代理对象。

分为两种私有自定义指令全局自定义指令简单来讲，就是在组件内去创建一个只有在组件内才能使用的指令那么如何去声明呢？这个就需要在directives节点下去声明私有自定义指令// 私有自定义指令放在 deactivated 节点下// 定义 big 自定义指令// 后面写配置对象el：指令所绑定的元素，是真实 DOM节点，可以通过该元素来操作 DOMbinding：一个对象，里面包括很多属性，但是基本上只关注 value 属性，因为这是 指令绑定的值vnode：Vue 编译生成的虚拟节点。

props 用于接收父组件传递的数据 $emit 用于向父组件发送事件 .sync 用于父子组件之间的数据绑定 v-model 实现表单和组件之间的双向绑定 ref、$ref 用于在组件中引用其他组件或元素 $children / $parent 分别表示当前组件的子组件和父组件 $attrs / $listeners 分别表示组件的所有属性名和所有事件监听器 provide / inject 用于在父组件中提供数据，在子组件注入数据 EventBus 是vue中的事件总线，用于不同的组件之

都能实现元素的显示隐藏。

本文讲述了使用v3+ts 实现记事本效果的小例子; 主要功能有添加、删除、批量删除、类型筛选等；

主要讲了实现控制子组件的模态框打开关闭的三种方法