随笔分类 -  vue3的前进道路

vue3的学习
摘要:1.element-plus自动导入 yarn add element-plus --save // 按需自动导入 yarn add unplugin-vue-components unplugin-auto-import -D 在vue.config.js 配置 const AutoImport 阅读全文
posted @ 2022-02-21 11:46 飞驰的小马哥 阅读(406) 评论(0) 推荐(0)
摘要:在数据状态并不复杂的情况下,可使用provide、project代替vuex 在context文件夹下创建button.ts 主要用于button组件的状态管理: provide:是一个对象,或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西,也就是属性和属性值 // src/context/ 阅读全文
posted @ 2022-02-16 10:58 飞驰的小马哥 阅读(795) 评论(0) 推荐(0)
摘要:一、使用vuex 1.yarn add vuex --save 2.新建store目录 3.index文件 //index.js import {createStore} from 'vuex'; import getters from './gutters'; const modulesFiles 阅读全文
posted @ 2022-02-15 18:08 飞驰的小马哥 阅读(725) 评论(0) 推荐(0)
摘要:1.基础的父对子props传参就不说了 2.使用内置的<component />组件传递动态组件 3.子组件传参到父组件 建议使用kebab-case的事件名 4.深层次的传参(使用provide/inject) (1)首先在孙组件中通过inject定义需要传入的参数 export default 阅读全文
posted @ 2022-02-15 16:59 飞驰的小马哥 阅读(201) 评论(0) 推荐(0)
摘要:1.setup的执行 是在 beforeCreate 之前执行,所以在 setup 内部,this 不是当前组件实例的引用,也就是说 setup 中无法直接调用组件的其他数据 Composition API 让我们 setup 中使用生命周期钩子函数、响应式数据等组件特性 2. props 、con 阅读全文
posted @ 2022-02-15 16:04 飞驰的小马哥 阅读(268) 评论(0) 推荐(0)
摘要:1.安装vue yarn global add @vue/cli 2.初始化项目 vue create vue-test tip:如果报错,则是因为未配置环境变量 windows系统参考https://www.cnblogs.com/LHLVS/p/11328124.html mac 系统 yarn 阅读全文
posted @ 2022-02-15 15:07 飞驰的小马哥 阅读(1915) 评论(0) 推荐(0)