vue3笔记(3)通信 父子组件通信 公司的项目需要实现针对组织架构选择部门—即树状展示部门,同时多选。这个功能在多个页面中使用到,所以抽成了组件,以实现复用。父组件调用子组件时,需要获取子组件已经勾选的内容,我的设计是父组件通过props传递一个ref对象,子组件观察状态的变化,通过 $emit 事件告诉父组件。这篇记录父子组件通信。 2022-04-29 #typescript #vue3
vue3笔记(3-1)通信 父子组件通信 一个功能在多个页面中被使用到,可以抽成了组件,以实现复用。vue使用单项数据流保持数据的统一,业务中难免遇到父子组件通信问题,这篇做一个使用记录。 2022-04-29 #typescript #vue3
vue3笔记(2-2)打包 & 部署 本篇基于技术栈 vue3 + vite。vite 是 vue 官方推荐的项目构建工具,基于 rollup,构建速度更快,本篇记录使用过程,并且有一些疑惑在以后会一点点解决后再次记录。 2022-04-29 #环境配置 #typescript #vue2
vue3笔记(2)打包 & 部署 业务中分为测试环境和生产环境,对应API地址不同,我分别做了打包配置。当前vue项目配置和之前的略有不同,记录一下打包上线配置。代码上传到服务器中,使用nginx代理。 2022-04-29 #环境配置 #typescript #vue3
vue3笔记(2-1)打包 & 部署 本篇基于技术栈 vue2 + vue-cli + webpack。业务中分为测试环境和生产环境,对应 API 地址不同,我分别做了打包配置。当前 vue 项目配置和之前的略有不同,记录一下打包上线配置。代码上传到服务器中,使用 nginx 代理。 2022-04-29 #环境配置 #typescript #vue2
vue3笔记(1-3)基础写法 本篇记录使用过的功能,包括:表格数据为空、表格序号自增、表格内部点击实现路由跳转、表格排序;自定义提示信息;通过 deep 改变组件样式;t s忽略类型检查 数据为空 table-column 中没有数据时,可以通过 css 控制显示–当项目中只有部分表格需要此功能时,建议给需要的表格添加类名。注意:如果表格数据使用slot,也需要添加 prop="XXX",否则类似于开关 2022-04-26 #typescript #vue3
vue3笔记(1-2)基础写法 本篇是上一篇的延伸,使用 pinia 作为状态管理,对项目进行了一次升级。使用 setup 语法糖进行组合式API的编写。 setup 语法糖执行顺序: 创建组件实例 props 解析 setup 调用执行(一次) 组件创建 beforeCreate 12345678<script lang="ts" setup>const dataList = react 2022-04-26 #typescript #vue3
vue3笔记(1) 人生兜兜转转几年没更新,转眼从产品变到项目管理又变成了前端。最近使用Vue3+TS搭建了公司的服务平台,使用vue-cli5构建项目,UI使用了element-plus,记录一下代码写法和使用过程中的坑。 2022-04-26 #typescript #vue3