- 博客(13)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 vue3.0使用vuex的过程
在vue3中使用vue2中的写法也可以 但是这里我们使用组合api来使用vuex的数据和各种方法 打开store中的index.js 代码如下 // 可以看出与vue2的写法有些区别，但是用法一样 // 但是需要注意的是如果在创建项目时没有安装vuex 则需要自己安装 安装命令是 npm install vuex@next --save 这里需要注意命令的不同 安装的版本就不同 import { createStore } from 'vuex' export default createSto
2021-07-16 11:32:06
317
原创 Vue3.0如何在setup中获取定义的全局方法
有些情况下我们需要定义全局方法 然而在vue3.0中我们定义全局方法需要在globalProperties上面定义大部分情况下还是可以定义在main.js中的 我们这里就以定义在main.js中为例 // 这里我们就简单的随便添加一个属性 import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' let app = c
2021-06-27 21:31:33
615
1
原创 浅谈vue3里面的v-model指令
本来想着在vue3.X版本的项目中封装一个input组件，由于2.0中封装的收到擒来也就没有仔细去看文档最后导致效果怎么也实现不了，这就是不仔细看文档的代价吧，这里来说一下这个问题 在vue3.0版本中对v-model的改动个人认为还是挺大的 这里就以封装一个input组件为例 第一步在components文件夹中 创建一个myInput.vue文件 代码如下 ———————————————— 版权声明：本文为优快云博主「```木头人```」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原
2021-06-16 15:35:04
379
原创 vue3.0使用vuex的过程
在vue3中使用vue2中的写法也可以 但是这里我们使用组合api来使用vuex的数据和各种方法 打开store中的index.js 代码如下
2021-06-16 15:29:08
271
原创 yarn + vite + element-plus搭建vue项目遇到的问题
从vue3的官网中看到我们可以使用vue-cli搭建项目，也可以使用vite搭建项目 ，因为vite执行的速度会相对来说快了一点 所以这里我们说一下使用vite搭建项目以及遇到的一些问题
2021-06-16 15:22:04
1207
原创 react非父子组件传值
// 创建一个observer.js文件 const observer = { list: [], // 用力收集所有的函数 subscribe(callback) { // 接收dispatch触发的函数的方法 this.list.push(callback) } dispatch(data) { // 触发事件的方法 this.list.forEach(item =>...
2021-06-03 22:01:41
160
原创 react非父子组件传值
这里采用的是发布订阅者模式 订阅者交出一个回调函数，传给中央服务，发布者已发布，就调用中央服务的回调函数 创建observer.js文件 即订阅者文件 const observer = { list: [], subscribe(callback) { this.list.push(callback) }, dispatch(data) { this.list.forEach(item => { item(d
2021-06-03 22:00:04
87
原创 vue3使用js封装全局loading
<template> <div class="loading" v-show="msg.show"> <div>{{msg.title}}</div> </div> </template> <script> export default { props: { msg: Object, aaa: Number } } </script&g.
2021-06-03 21:47:10
416
原创 Property xxx was accessed during render but is not defined on instance
vue3.x版本在结合element-plus使用如果使用了表单元素以及v-model指令会在控制台看到类似的警告，虽然不影响js运行，但是对于强迫症玩家难受的不行，下面我们来看一下这个问题是如何产生的，应该怎么解决 vue3.x版本中新增了组合api也就是setup方法，在该方法中我们可以通过ref创建一个具有响应式的基本数据类型的数据，但是呢在我们也可以通过给元素设置ref属性，从而来获取dom，具体细节可以查看官方文档，这也就导致了问题的产生 相信大部分人还是只想知道解决办法是什么，往下看 解决办法
2021-06-03 21:43:50
2150
原创 一篇关于vue-cli3打包优化的文章
在开发过程中vue项目打包是需要做一些性能优化的，这里写了关于我知道的要做的优化的部分，废话不多说直接上代码了，仅供参考 欢迎提出意见 const UglifyJsPlugin = require('uglifyjs-webpack-plugin') const path = require('path') // 开启Gzip需要的依赖 yarn add compression-webpack-plugin -D const CompressionWebpackPlugin = require('comp
2021-05-05 18:48:38
289
原创 2021-04-28
js加减乘除精确运算方法 因为计算机数字是浮点型 ，所以在计算过程中通常得到的并不是一个准确的数据，所以在做一些数组运算的时候比较头疼，我们这里就来写一下精确运算的方法 首先是加法 （这里以两个数据相加为例） function add(arg1, arg2) { arg1 = arg1.toString(), arg2 = arg2.toString(); // 将传入的数据转化为字符串 var arg1Arr = arg1.split("."), // 将小数的数据从小数点的位置
2021-04-28 15:58:54
214
1
空空如也
vue中的拖拽功能的实现
2021-07-06
在vue中如何解决跨域
2021-07-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人