随笔分类 -  vue3

摘要:在使用pinia时候我发现实现其持久化的存储有两个插件 pinia-persistedstate-plugin和pinia-plugin-persist 其中区别和使用如下 1.pinia-persistedstate-plugin (存储在localStorage) import { create 阅读全文
posted @ 2022-10-30 15:32 小不点灬 阅读(4076) 评论(0) 推荐(0) 编辑
摘要:formatDecimal(str, num) { //str当前输入值,num是想要保留的小数位数 str = String(str); if (!str.trim()) { return str; } var len1 = str.substr(0, 1); var len2 = str.sub 阅读全文
posted @ 2022-08-01 17:54 小不点灬 阅读(1160) 评论(0) 推荐(0) 编辑
摘要:Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. 阅读全文
posted @ 2022-05-25 17:56 小不点灬 阅读(1484) 评论(0) 推荐(0) 编辑
摘要:1.首先下载需要的包(有些是运行依赖包) yarn add autoprefixer -S yarn add amfe-flexible@2.2.1 postcss-pxtorem@5.5.1 -S -D 2.在项目根目录下创建一个postcss.config.js文件,配置内容如下 // impo 阅读全文
posted @ 2022-04-09 16:20 小不点灬 阅读(735) 评论(0) 推荐(0) 编辑
摘要:1.element 2.0 最新版本按需自动引入 1.1注意:由于安装官网的方法用插件按需自动引入的时候,css会报错 无法找到当前的引入组件的scss样式。后来百度,将element-plus的版本降低成1.多的时候运行正常,但是新的问题出现了,在对项目打包的时候,会发现element.js文件的 阅读全文
posted @ 2022-03-18 15:56 小不点灬 阅读(2866) 评论(0) 推荐(1) 编辑
摘要:1.vue3 的使用,需要安装最新版的i18n,安装一般在"^9.1.9" npm install vue-i18n@next 或 yarn add vue-i18n@next 2.在使用之前需要先创建语言的文件夹,并将其导出,例如 langs可以放入你想要变化的任何语言,不止中文和英文,文件的内容 阅读全文
posted @ 2022-03-18 15:41 小不点灬 阅读(1441) 评论(0) 推荐(0) 编辑
摘要:1.vue2+webpack 首先在package.json同级目录下新建.env.dev 和.env.pro(名字可以自己随便取这里为了简便就直接取.dev和.pro) 在相应的文件中设置你在不同环境下要使用的变量;例如 NODE_ENV='pro' VUE_APP_URL='https/pro' 阅读全文
posted @ 2022-02-16 18:53 小不点灬 阅读(2986) 评论(0) 推荐(0) 编辑
摘要:this.formData.splice(0,this.formData.splice.length) 阅读全文
posted @ 2021-07-23 14:43 小不点灬 阅读(69) 评论(0) 推荐(0) 编辑
摘要:1.工具库:PubSubJS 2.下载:npm i pubsub-js --save 3.使用: 1) import PubSub from 'pubsub-js' //引入 2) PubSub.publish('atguigu',{isFirst:false,isLoading:true}) // 阅读全文
posted @ 2021-06-30 16:12 小不点灬 阅读(489) 评论(0) 推荐(0) 编辑
摘要:使用vite创建vue3项目 npm install -g create-vite-app //安装全局create-vite-appcreate-vite-app vue3-vite //使用工具create-vite-app创建项目名为vue3-vite的vue3项目cd 01-vue3-vit 阅读全文
posted @ 2021-06-17 14:02 小不点灬 阅读(3596) 评论(0) 推荐(0) 编辑
摘要:ref、reactive、toRef、toRefs 使用 触发页面更新(ref,reactive) ref : 复制,修改响应式数据不会影响原始数据 ,一次只能定义一个ref响应式数据 let age = ref(20);//响应式数据,ui更新 响应式原理:ref 则是用把数据给包装成 ref 对 阅读全文
posted @ 2021-06-04 16:15 小不点灬 阅读(2680) 评论(2) 推荐(0) 编辑

点击右上角即可分享
微信分享提示