![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
xinfeiyanwu1
这个作者很懒,什么都没留下…
展开
-
在使用vue3 setup语法糖同时使用mixins
setup语法糖使用mixins原创 2022-05-17 10:12:39 · 9134 阅读 · 1 评论 -
Bus的用途的个人理解
从用vue开始,在我理解里,貌似组件通信只要有vuex就可以,Bus可有可无。但最近的项目里碰到一种场景,觉得有一个场景比较适合,那就是子组件间的主动通信。应用场景:假设组件A里状态改变后想用到组件B的方法获取数据,通常方法是this.$parent.B.fn。但是如果是A想触发B组件里面又里面又·····呢,那得写多多少个this.$parent.B·····n。解决:使用Bus。1.新建一个bus.js文件,new一个vue当作bus传输中间站,并导出。import Vue fro原创 2021-01-20 16:12:52 · 444 阅读 · 0 评论 -
vue-cli里跨域的解决办法devServe proxy
应用场景:现实中,我们经常会遇到前后端分开开发的情况,由于前端使用的vue-cli地址是node帮我们搭建了一个本地的服务器,一般是http://localhost:8080,这个在我们创建vue项目时就帮我们搭建好的。这里面的端口我们是可以改变的,可以在vue.config.js(cli3以后这个文件需要自己创建)文件里的webServer里修改post端口。代码块如下:module.exports = { devServer: { port : 2000, }原创 2020-08-20 15:36:30 · 1524 阅读 · 1 评论 -
如何动态的给一个组件的data动态添加属性
使用this.$data可以获取到data里的属性,所以使用this.$data.test="这是测试如何给data加数据"就可以给组件的data里追加属性了。this.$data.test="这是测试如何给data加数据" console.log(this.$data.test)原创 2020-06-23 09:58:30 · 1130 阅读 · 0 评论 -
import "vue"
import "vue"回去package.json的相关依赖找关键字"vue",然后去nodemodules里去找vue文件夹里的package.json找到相关依赖找关键字"main",然后按照右边的路径去获取相关的文件,最终找到有个module.exports = Vue;原创 2020-05-12 14:52:49 · 153 阅读 · 0 评论 -
在vue中使用swiper
1.swiper安装npm install vue-awesome-swiper --save2.查看swiper安装后的文件存放安装后的swiper存放在node_modules,然后在文件夹里往下找,找到swiper文件夹,就像图片下面的:3.下载官方示例代码,这步骤是为了参照正常情况下,swiper的实现原理在swiper官网上下载了他的官方示例代码,点击下载地址下...原创 2020-04-07 10:32:22 · 11450 阅读 · 5 评论 -
cli3 vue中无法使用hasOwnProperty
https://www.cnblogs.com/superclound/p/12202576.html转载 2020-04-06 21:00:04 · 1544 阅读 · 0 评论 -
使用cli3创建vue项目时,在组件使用Vue.set时出现在error ‘Vue‘ is not defined no-undef报错
使用cli3创建vue项目时,在组件使用Vue.set时出现在error 'Vue' is not defined no-undef报错。解决方法:在组建中import vue文件,具体报错原因还不知道为啥。。。...原创 2020-04-05 18:51:27 · 10403 阅读 · 0 评论 -
基于vue的select的option某一选项的禁用
直接在v-for渲染option选项里使用disable:<tempalte><div><select v-model="customValue" :style="{height: _height}"> <option v-for="item in customList" :key="item.v...原创 2020-03-29 17:06:03 · 3774 阅读 · 0 评论 -
常见的移动端icon和文字垂直居中的实现。
思路:icon和文字设置成inline-block,搭配flex的align-items: center;即可轻松实现图标和文字的垂直居中。html:style:#box{ border: 1px solid #ccc; display: flex; align-items: center;}#icon{ display: inline-block; ...原创 2020-03-22 12:31:43 · 648 阅读 · 0 评论