前言在做vue项目或者uniapp开发微信小程序时，经常会用到组件之间传值，因此想总结记录下。一、父子传值父向子传递：props子向父传递：通过events（$emit）父组件想调用子组件的方法：通过this.$refs(ref)a）ref用在组件可以调用组件的属性方法b）ref用在标签可以对标签进行操作c)ref属性不能用在uniapp的内置组件上面，只能用在自定义组件上面；用在内置组件比如标签，this.$refs.xxx获取dom是undefind父组件调用子组件的方法//父组件template>view>viewclass="index-goods-list-con">Waterfal
前言在做vue项目或者uniapp开发微信小程序时，经常会用到组件之间传值，因此想总结记录下。一、父子传值父向子传递：props子向父传递：通过events（$emit）父组件想调用子组件的方法：通过this.$refs(ref)a）ref用在组件可以调用组件的属性方法b）ref用在标签可以对标签进行操作c)ref属性不能用在uniapp的内置组件上面，只能用在自定义组件上面；用在内置组件比如标签，this.$refs.xxx获取dom是undefind父组件调用子组件的方法//父组件template>view>viewclass="index-goods-list-con">Waterfal
一：数据丢失的原因vuex存储的数据只是在页面中，相当于全局变量，页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。二：解决的思路将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、cookie）页面刷新后再从浏览器中取出三：解决方法方法一：直接在vuex修改数据方法中将数据存储到浏览器本地存储中importVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);exportdefaul
一：数据丢失的原因vuex存储的数据只是在页面中，相当于全局变量，页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。二：解决的思路将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、cookie）页面刷新后再从浏览器中取出三：解决方法方法一：直接在vuex修改数据方法中将数据存储到浏览器本地存储中importVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);exportdefaul
💂个人网站:【海拥】【摸鱼游戏】【神级源码资源网】🤟前端学习课程：👉【28个案例趣学前端】【400个JS面试题】💅想寻找共同学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】目录Pinia和Vuex简介什么是Pinia？什么是Vuex？Pinia的特点模块化设计完整的开发工具支持Pinia很直观Pinia是可扩展的TypeScript支持Pinia轻量的Vuex的特点模块开发工具支持热重载TypeScript支持Pinia和Vuex的代码对比Pinia和Vuex的优缺点Pinia的优点Pinia的缺点Vuex的优点Vuex的缺点我应该使用哪个：Pinia还是Vuex？结论⭐️好书推荐Vuex
💂个人网站:【海拥】【摸鱼游戏】【神级源码资源网】🤟前端学习课程：👉【28个案例趣学前端】【400个JS面试题】💅想寻找共同学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】目录Pinia和Vuex简介什么是Pinia？什么是Vuex？Pinia的特点模块化设计完整的开发工具支持Pinia很直观Pinia是可扩展的TypeScript支持Pinia轻量的Vuex的特点模块开发工具支持热重载TypeScript支持Pinia和Vuex的代码对比Pinia和Vuex的优缺点Pinia的优点Pinia的缺点Vuex的优点Vuex的缺点我应该使用哪个：Pinia还是Vuex？结论⭐️好书推荐Vuex
文章目录一、uni-app1、简介2、开发工具3、新建uni-app项目4、把项目运行到微信开发者工具二、实现tabBar效果1、创建tabBar页面2、配置tabBar三、配置网络请求1、依照官网提示安装、导入、使用2、实战四、uni-app里面小程序分包1、创建分包目录2、在pages.json文件中配置3、创建分包页面五、公用方法封装六、搜索功能1、搜索组件2、搜索建议实现3、本地存储4、过滤器七、上拉加载、下拉刷新1、上拉加载2、下拉刷新八、配置vuex1、创建文件2、初始化store3、main.js中引入4、新建模块5、使用九、登录1、获取用户基本信息2、获取用户登录凭证code1
文章目录一、uni-app1、简介2、开发工具3、新建uni-app项目4、把项目运行到微信开发者工具二、实现tabBar效果1、创建tabBar页面2、配置tabBar三、配置网络请求1、依照官网提示安装、导入、使用2、实战四、uni-app里面小程序分包1、创建分包目录2、在pages.json文件中配置3、创建分包页面五、公用方法封装六、搜索功能1、搜索组件2、搜索建议实现3、本地存储4、过滤器七、上拉加载、下拉刷新1、上拉加载2、下拉刷新八、配置vuex1、创建文件2、初始化store3、main.js中引入4、新建模块5、使用九、登录1、获取用户基本信息2、获取用户登录凭证code1
1.状态管理2.用响应式API做简单状态管理3.Vuex基础4.Vuex核心概念5.Vuex+sessionStorage实现数据存储1.状态管理理论上来说，每一个Vue组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例：import{ref}from'vue'//状态constcount=ref(0)//动作functionincrement(){count.value++}{{count}}它是一个独立的单元，由以下几个部分组成：状态：驱动整个应用的数据源；视图：对状态的一种声明式映射；交互：状态根据用户在视图中的输入而作出相应变更的可能方式。下面是“单向数据流”
1.状态管理2.用响应式API做简单状态管理3.Vuex基础4.Vuex核心概念5.Vuex+sessionStorage实现数据存储1.状态管理理论上来说，每一个Vue组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例：import{ref}from'vue'//状态constcount=ref(0)//动作functionincrement(){count.value++}{{count}}它是一个独立的单元，由以下几个部分组成：状态：驱动整个应用的数据源；视图：对状态的一种声明式映射；交互：状态根据用户在视图中的输入而作出相应变更的可能方式。下面是“单向数据流”
