随笔分类 -  VUE3项目相关

VUE框架组件中通信方式(5)
摘要：//vuex:集中式管理状态容器,可以实现任意组件之间通信！！！ //核心概念:state、mutations、actions、getters、modules //pinia:集中式管理状态容器,可以实现任意组件之间通信！！！ //核心概念:state、actions、getters //pinia 阅读全文
posted @ 2023-06-29 09:37 林子里的风 阅读(31) 评论(0) 推荐(0)
VUE框架组件中通信方式(4)
摘要：## ref-children-parent ref方法既可以获取真实的DOM节点，还可以获取到子组件的实例VC， $parent可以在子组件中获取父组件的实例VC，使用方式是在子组件的方法中传入的参数只能是$parent如：`点击我爸爸给我10000元` 示例代码如下； ``` //父组件代码 我 阅读全文
posted @ 2023-06-28 10:48 林子里的风 阅读(11) 评论(0) 推荐(0)
VUE框架组件中通信方式(3)
摘要：## useAttrs 使用方式类似于props传值，useAttrs既可以传数据，也可以传事件。 如果父组件给子组件传递的参数，在子组件中同时使用props和useAttrs获取，那么参数只在props中生效，也就是说props的优先级高于useAttrs。 示例代码如下： ``` // temp 阅读全文
posted @ 2023-06-27 17:26 林子里的风 阅读(50) 评论(0) 推荐(0)
VUE框架组件中通信方式(2)
摘要：## 全局事件总线 全局事件总线可以实现任意组件通信，在vue2中可以根据VM与VC的关系推出全局事件总线。 点击查看全局事件总线代码示例 ``` // main.js import Vue from 'vue' import App from './App.vue' // 创建一个Vue实例作为事 阅读全文
posted @ 2023-06-27 13:46 林子里的风 阅读(24) 评论(0) 推荐(0)
VUE框架组件中通信方式(1)
摘要：## 在vue2中组件通信方式如： props:可以实现父子组件，子父组件，兄弟组件通信 自定义事件：实现子父组件通信 全局事件总线$bus：可以实现任意组件通信 pubsub：发布订阅模式实现任意组件通信 vuex：集中式状态管理容器，实现任意组件通信 ref：父组件获取子组件实例VC，获取子组件 阅读全文
posted @ 2023-06-27 10:17 林子里的风 阅读(26) 评论(0) 推荐(0)
VUE3企业级项目基础框架搭建流程(3)
摘要：VUE-Router npm install vue-router@4 安装完成后，在项目目录里新建一个router文件，我这里的用的是typeScript，所以建立的是router.ts, 该文件是所有视图组件的映射。一般我们会把视图组件放到views文件夹中，如果没有，可以新建一个views文件 阅读全文
posted @ 2023-01-17 17:07 林子里的风 阅读(239) 评论(0) 推荐(0)
VUE3企业级项目基础框架搭建流程(2)
摘要：typescript安装 这里使用的vue项目语言为：TypeScript，不了解的可以先去学习一下。TypeScript中文网 正常情况下安装typescript的命令为： // 全局安装 npm install -g typescript // 编译命令 tsc filename.ts 项目是由 阅读全文
posted @ 2023-01-17 10:56 林子里的风 阅读(127) 评论(0) 推荐(0)
VUE3企业级项目基础框架搭建流程(1)
摘要：开发环境和技术栈 操作系统 windows11 开发工具 vscode、phpstudy(小皮)：nginx1.15.11, mysql5.7.26, php7.4，Navicat for MySQL 前端 VUE3、TypeScript、SCSS、ElementUi、Router、Axios、Vu 阅读全文
posted @ 2023-01-17 08:49 林子里的风 阅读(361) 评论(0) 推荐(0)