- 博客(23)
- 收藏
- 关注
RSS订阅原创 【vue3+vite】SvgIcon组件(vite-plugin-svg-icons插件)
vite + vue3 + typeScript , 进行封装svgicon组件，所用到插件fast-glob、vite-plugin-svg-icon、unplugin-vue-components 、vite-plugin-vue-setup-extend
2023-09-13 20:01:28
1807
原创 基于vite中＜script lang=‘ts‘ setup＞＜/script＞使用
1. 发展历程> ##### 注意多个script使用时 lang的值要一致- **方法二：**unplugin-vue-define-options插件第一步：安装，安装的方式很常规，就是npm的安装```javascriptnpm install unplugin-vue-define-options -D第二步：集成，找到vite.config.ts文件，加入插件unplugin-vue-define-optionsimport { defineConfig } f
2022-10-20 22:19:59
3845
原创 vue3 computed、watch和watchEffect的特性区别
vue3 computed、watch和watchEffect的特性区别
2022-06-17 14:36:59
234
4原创 vue3 computed、watch和watchEffect的特性区别
vue3 computed、watch和watchEffect的特性区别
2022-04-27 17:57:46
726
原创 Vuex刷新数据丢失问题配合sessionStorage，来实现数据不丢失保持最新数据
案例在App.vue添加如下代码export default { created () { //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store")) { this.$store.replaceState( Object.assign( {}, this.$store.state, JSON.parse(sess
2021-12-30 16:07:32
384
原创 Vuex辅助函数 mapState, mapGetters, mapMutations, mapActions的使用
一、在store 创建 home.jsconst state = { bookList: ["西游记", "水浒传", "红楼梦", "三国演义"], num: 2};const getters = { num: state => state.num * 2, nums: state => state.num * 3};const mutations = { SET_LIST: (state, list) => { state.bookList = l
2021-12-30 16:01:58
474
原创 Vuex store分模块管理
Vuex store分模块管理一. 目的在项目开发中，如果一个项目非常大的话状态就会非常的多，如果不进行分类处理，所有的状态都维护在一个state里面的话，状态管理就会变得非常的混乱，项目会变得非常复杂，store 对象就有可能变得相当臃肿，这样非常不利于项目的后期维护。为了解决上述问题，把store 分割成模块（module），每个模块拥有自己的 state、mutation、action、getter。二. 过程在store目录下创建modules （文件夹）: 存放每个组件独立模块，对
2021-08-29 10:41:08
415
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人