一、项目介绍以及项目地址 项目介绍：vue2搭建。项目通过amfe-flexible与postcss-pxtorem实现移动端适配；通过Vantui作为项目的组件库；通过Vuex管理数据状态，进行模块化管理；通过VueRouter配置项目路由，进行模块化管理；封装axios进行数据的请求，以及一些页面逻辑的交互和简单的代码说明。 项目地址：h5-vant 联系博主：如有问题可联系博主=》QQ：1596892941 VX：weiyi1596892941 项目说明：如果项目需要直接拿去用，如果想研究一下就向下观看。如果有其他想法请留言或者联系我（期待大家提
尚硅谷张天禹老师讲课学习视频1、Vue简介Vue2中文官网1.1Vue介绍一套用于构建用户界面的渐进式JavaScript框架构建用户界面：把数据通过某种办法变成用户界面渐进式：可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各式各样的尤雨溪为Vue开发1.2Vue特点采用组件化模式，提高代码复用率、代码更好维护。声明式编码，无需直接操作DOM，提高开发效率命令式编码：发出一个指令就执行一步声明式编码：通过指令一步完成使用虚拟DOM+DIff算法，复用DOM节点新数据与原始数据进行对比：有新增的数据则添加进来编码简单、体积小、运行效率高Vue库vue-cli：vue
为什么说刷新页面vuex的数据会丢失刷新页面vuex的数据会丢失属于正常现象，(vuex的数据并不是弄丢了，而是初始化了，回到初始值，回到原点了).因为JS的数据都是保存在浏览器的堆栈内存里面的，刷新浏览器页面，以前堆栈申请的内存被释放，这就是浏览器的运行机制，那么堆栈里的数据自然就清空了。解决办法?方法一:将state的数据保存在localstorage,sessionstorage或cookie中。在app.vue的created方法中读取sessionstorage中的数据存储在store中，此时用vuex.store的replaceState方法，替换store的根状态在beforeu
为什么说刷新页面vuex的数据会丢失刷新页面vuex的数据会丢失属于正常现象，(vuex的数据并不是弄丢了，而是初始化了，回到初始值，回到原点了).因为JS的数据都是保存在浏览器的堆栈内存里面的，刷新浏览器页面，以前堆栈申请的内存被释放，这就是浏览器的运行机制，那么堆栈里的数据自然就清空了。解决办法?方法一:将state的数据保存在localstorage,sessionstorage或cookie中。在app.vue的created方法中读取sessionstorage中的数据存储在store中，此时用vuex.store的replaceState方法，替换store的根状态在beforeu
pinia和vuex的区别（1）pinia它没有mutation,他只有state，getters，action【同步、异步】使用他来修改state数据 （2）pinia他默认也是存入内存中，如果需要使用本地存储，在配置上比vuex麻烦一点 （3）pinia语法上比vuex更容易理解和使用，灵活。 （4）pinia没有modules配置，没一个独立的仓库都是definStore生成出来的 （5）piniastate是一个对象返回一个对象和组件的data是一样的语法Vuex和Pinia的优缺点Pinia的优点完整的TypeScript支持：与在Vuex中添加TypeScript相比，添加Type
pinia和vuex的区别（1）pinia它没有mutation,他只有state，getters，action【同步、异步】使用他来修改state数据 （2）pinia他默认也是存入内存中，如果需要使用本地存储，在配置上比vuex麻烦一点 （3）pinia语法上比vuex更容易理解和使用，灵活。 （4）pinia没有modules配置，没一个独立的仓库都是definStore生成出来的 （5）piniastate是一个对象返回一个对象和组件的data是一样的语法Vuex和Pinia的优缺点Pinia的优点完整的TypeScript支持：与在Vuex中添加TypeScript相比，添加Type
pinia需要使用pinia-plugin-persistedstate插件来进行数据的存储插件官网地址：https://prazdevs.github.io/pinia-plugin-persistedstate/guide/config.html1、安装这里对插件的安装就不多赘述了，放两张官网的截图使用命令：npmipinia-plugin-persistedstate2、使用3、关于全部缓存及部分缓存的说明（1）将store的state中的全部数据进行缓存，直接在state同级下面添加persist对象此时，默认将数据存放在浏览器的SessionStorage中，key为store的名称
pinia需要使用pinia-plugin-persistedstate插件来进行数据的存储插件官网地址：https://prazdevs.github.io/pinia-plugin-persistedstate/guide/config.html1、安装这里对插件的安装就不多赘述了，放两张官网的截图使用命令：npmipinia-plugin-persistedstate2、使用3、关于全部缓存及部分缓存的说明（1）将store的state中的全部数据进行缓存，直接在state同级下面添加persist对象此时，默认将数据存放在浏览器的SessionStorage中，key为store的名称
前言在做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
