在写Vue的时候,我们总是会有很多组件,在页面需要的时候就引进了,这时候会有一个问题,就是不同的文件目录下引入文件的路径不同,虽说可以通过alias配置路径识别符,但是每次都这么频繁引入也是挺麻烦的,尤其是在Vue2里,引入了还要再components里再声明一次。 在Vue技术栈开发过程中,面对复杂项目中的组件复用场景,存在两个显著的工……
标签目录:Vue
以下是与标签 “Vue” 相关联的文章Pinia持久化pinia-plugin-persistedstate
一、重温Pinia Pinia是Vue.js的轻量级状态管理库,旨在替代Vuex,提供更简洁的API和更好的TypeScript支持。 它采用扁平化结构设计,移除了Vuex中的mutations和模块嵌套,支持Vue2和Vue3,并兼容Composition API风格。 Pinia的核心特性 简化API设计。 移除了Vuex中冗长……
vban2.0中table的使用—action封装
在之前的一篇文章中,写了一个table操作区域的组件,主要是像图标、间距、文案等,都差不多,干脆用一个组件解决这种重复问题,详情可见vban2.0中table的使用,但是测试过程中发现问题: 问题描述 如果用户进行删除操作,第一次操作没问题,但是后面再删除,然后confirm确认,发现页面删除方法中接收到的record对应的id就不对了,……
vben2.0中table的使用
vben:Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。做过管理后台的同学都知道,table表格是一个频率特别高的东西……
创建Vue项目的常见方法
最近不忙,一直写React,所以打算重温一下Vue的东西,从创建项目开始,有兴趣的可以了解一下。 先说下前置条件: node版本在18.3以上(vue2可能不需要这么高的版本) 输入: node –v,查看node版本 一、基于vue-cli搭建 vuecli官方文档 @vue/cli版本在4.5.0以上,vue2不需要,但是尽量使用高版……
Vue不能检测数据变动的原因和解决办法
熟悉vue的同学都有过这样的经历,操作数据的时候,如果“使用不当”可能让你的页面“无动于衷”。这也是大家经常会聊的问题,vue中的数据操作,没有更新视图,今天来细说一下这个点。 一、直接给data里塞入一个数据 需要在UI上显示的数据没有在data里进行声明,于是不显示。 原因: vue无法检测实例被创建时,不存在于data中的prope……
mpvue的注意事项
最近手贱,写了个mpvue的项目,有一些问题和想法,跟大家分享一下。 比较打击人的一点是美团对这个孩子的关注下降了,从官方的log记录来看,19年以来,都没在更新了,有一些其他的框架可能更好,所以mpvue的使用可能比较受限,但是如果你是vue用户倒是可以尝试。另外是如果你在js中写了wx的方法,它是不会给你转化成my的,所以用起来可能要……
vue-loader、vue-template-compiler、vue-template-loader
这三个东西,一开始不了解,其实还是挺容易理解的 vue-loader: 是解析vue文件的时候需要的 vue-template-compiler: npm上有这样一段说明:This package can be used to pre-compile Vue 2.0 templates into render functions to a……
Vue的methods、computed、watch
methods:是方法,就是一个普通的函数,在逻辑中手动去调取
|
1 2 3 4 5 6 |
methods: { //一个函数方法,this为vue对象,自由使用即可 listRolling(){ this.classAnimate='animate' } }, |
ps:在生命周期中直接‘this.listRolling()’调用即可 computed:是一个计算属性,类似于过滤器,对绑定到view的数据进行处理,它不能对data或者props里的对象进行重复定义。 [c……