![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
```木头人```
这个作者很懒,什么都没留下…
展开
-
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 = cre原创 2021-06-18 15:13:27 · 3267 阅读 · 5 评论 -
vue3.0使用vuex的过程
在vue3中使用vue2中的写法也可以 但是这里我们使用组合api来使用vuex的数据和各种方法打开store中的index.js 代码如下// 可以看出与vue2的写法有些区别,但是用法一样// 但是需要注意的是如果在创建项目时没有安装vuex 则需要自己安装 安装命令是 npm install vuex@next --save 这里需要注意命令的不同 安装的版本就不同import { createStore } from 'vuex'export default createStore(原创 2021-06-08 17:15:09 · 1087 阅读 · 3 评论 -
浅谈vue3里面的v-model指令
本来想着在vue3.X版本的项目中封装一个input组件,由于2.0中封装的收到擒来也就没有仔细去看文档最后导致效果怎么也实现不了,这就是不仔细看文档的代价吧,这里来说一下这个问题在vue3.0版本中对v-model的改动个人认为还是挺大的 这里就以封装一个input组件为例第一步在components文件夹中 创建一个myInput.vue文件代码如下 <template> <div> <input type="text" :value="mo原创 2021-06-04 14:58:06 · 968 阅读 · 10 评论 -
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 16:24:49 · 5002 阅读 · 3 评论 -
vue3使用js封装全局loading
第一步在components文件夹中新建myLoad.vue组件<template> <div class="loading" v-show="msg.show"> <div>{{msg.title}}</div> </div></template><script>export default { props: { msg: Object,原创 2021-06-01 09:18:28 · 1652 阅读 · 4 评论