Vue
文章平均质量分 56
无糖气泡
零星的微弱,最后也会变得像星河一样闪耀。
展开
-
开发须知 Vue2与Vue3路由缓存的区别
你需要知道的Vue3路由缓存!!!原创 2022-11-18 09:23:29 · 607 阅读 · 1 评论 -
解决Vue刷新页面时Vuex中数据丢失问题
在我们用Vue编写类似登录页面时,我们时常会遇到页面刷新后保存在Vuex中的数据丢失的问题,所谓丢失就是Vuex中的数据再次初始化了,那么,我们该如何解决这个问题呢?下文为大家解答!!!如图,我们在vuex.js中初始化了我们的数据,页面展现信息如下效果图如下:可见,我们在点击按钮旁有个数据1 ,我们在刷新页面的同时就要触发一个方法,在我们浏览器客户端中存储我们的Vuex中state对象 。如下:在main.js中,我们给window添加一个页面刷...原创 2021-11-19 20:46:49 · 1647 阅读 · 1 评论 -
快速掌握:插槽,具名插槽,作用域插槽(slot)(name)(slot-scope)的区别与使用
在使用vue发的过程中,vue的组件化语法使得我们的项目更加的分工明确,同时也带来了复用性的便捷,插槽就是一个组件复用的小方法。那么现在我们来看看Vue中的插槽以及它的扩展怎么使用吧!普通插槽vue中,以组件形式存在的标签通常情况下是不能包含其他子标签的,例如:如上图可见,我们在one标签中插入了根组件中的内容,运行效果如下:我们发现并没有任何变化,当我们使用插槽后,根组件内容不变~效果如下:正如上面所知,在父组件向子组件标签插入的内容正好被...原创 2021-11-08 11:06:41 · 2098 阅读 · 0 评论 -
一文助你学会Vue中sync同步修饰符
Vue中父组件向子组件传递数据的时候,子组件中通常使用props定义变量接收,当子组件想要修改这个接收的变量的时候,往往都是要通过 子组件定义事件 this.$emit()的方式向父组件发送事件,而父组件则需要在methods中定义变量去接收响应这个事件,这样的传输方式往往比较复杂,而且不够优雅!那么sync修饰符就可轻松解决这个问题。这次演示没有使用单文件组件什么是sync同步修饰符?在vue中 通过props传递参数是单项数据流,被传递的参数只能被父组件所修改,sync修饰符就可以将...原创 2021-10-30 19:05:46 · 604 阅读 · 0 评论 -
快速掌握Vue中父子组件传值,兄弟组件中传值。
在Vue-cli项目中,项目组件间的关系有父子组件和兄弟组件,组件间的传值就是一个经常要用到的知识点,本次就让我们一起看看Vue中 各个组件间是如何实现传值操作的。为了方便这里我们以App.vue作为父组件首先了解一下目录结构 第一:父组件向子组件传值父组件向子组件传值需要用到Props,通过自定义Props的值用v-bind 绑定到子组件标签上的方式传递数据。父组件代码:<templat...原创 2021-10-19 16:16:18 · 208 阅读 · 0 评论 -
Vue中如何配置路由vue-router
学习过Vue基础的小伙伴应该知道,再vue脚手架或者引用CDN和vue框架文件时,想要实现页面路由跳转的效果,我们要单独安装 vue-router插件或者引用vue-router文件,这里我们将讲到在脚手架,基础页面中配置一个静态和动态路由。基础知识: 在vue中,要想使用vue-router 在vue-cli3 中 安装插件的命令为 npm install vue-router,在普通三层文件中则需要引用router文件或引用CDN 网址:安装 | Vue Router,...原创 2021-09-22 17:58:37 · 740 阅读 · 0 评论