![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
张小益达
谁愿人生暗淡无光,谁愿做绿叶不争芬芳。
美团 | 到店前端开发
展开
-
compositionAPI
目录开始工作有关API学习整理setupref和reactivecomputedwatchEffectwatch[readonly][toRef]toRefs判断创建类型的API生命周期Lifecycle Hooks错误记录【已解决】Error: Cannot find module 'core-js/modules/es.[number].constructor'【未解决】"export 'xxx' was not found in '@vue/原创 2020-05-27 20:14:55 · 2286 阅读 · 0 评论 -
Vuex文档记录
文章目录一些基本概念Vue.use()statemapState辅助函数Getter访问gettermapGettersMutation需要注意点mapMutaionsActionmapActionsModule主要是自己的看文档的一些笔记,无实际大意义一些基本概念Vuex使用单一状态树,一个对象包含了全部应用层级状态。所以每个应用仅仅包含一个store实例。从store实例中读取状态...原创 2020-03-09 22:00:42 · 101 阅读 · 0 评论 -
slot的使用(2.6.0之后)
slot,即:插槽,在组件定义的时候想不到使用的地方会写入什么内容不知道外部需要以什么形式呈现那么,我们就可以使用slot把不确定的内容预留出来不确定的展现形式的内容拿给外部展示其他内容跟按照正常的形式书写即可一般我们使用组件的时候,里面是不会有内容的,即:<home></home>,但是我们定义了插槽,那么我们就可以将我们需要插入的地...原创 2020-02-29 23:25:50 · 200 阅读 · 0 评论 -
Vue组件之间的传值
文章目录使用props和emitattrs/listenerVuex我自己凭空能想到的Vuexprops\emitattrs\listeners使用props和emitprops:父节点给子节点信息// html:<div id="app"> <Father></Father></div>对应的节点信息具体代码...原创 2020-02-29 20:09:55 · 125 阅读 · 0 评论 -
vue 批量图片上传,可预览(转载)
6.8改:虽然是一篇转载的文章,但是在实际上用似乎得有比较大的更改,等我做完项目前后端交互或者考试周过去后我重新再重新写一下,按照自己的思路转载一篇关于Vue批量上传的博客,如果需要放到组件里面使用,需要自行改装一下,(觉得超级奈斯)HTML代码 <div id="app" > ...转载 2019-06-04 21:11:15 · 2629 阅读 · 3 评论 -
Node+Vue实现图片的上传
这本是实训的一个要求,但是觉得可以写出来作为一个模板使用首先是Vue代码:大概的意思就是,双击图片(用户需要修改图片),跳出选择项,form.avatar代表用户头像的url <div class="imgInfo" @dblclick="changeImg"> <img class="img" :src="form.avatar" alt="...原创 2019-07-16 01:14:01 · 1673 阅读 · 0 评论 -
根据数组里面的时间字符串排序
大致需求就是,有关时间的内容存储到数组里面的某一项,并且是以字符串的形式展示var data = [{ "id": "001", "time": "2019-5-28" },{ "id": "002", "time": "2019-5-28" },{ "id": "003", "time": "2019-6-28" },{ ...原创 2019-06-03 16:31:15 · 4705 阅读 · 0 评论 -
自我总结Vue中axios的使用
在Vue中使用axios首先的安装一下, 如果在项目中就npm install --save-dev axios 然后需要在Vue组件中引入,一般在script下面写应用的内容 import axios from 'axios' 对比一下ajax看下axios的使用因为两者都是进行前后端的通信,所以方式都一样,基础语法也相似,下面以get请求为例 ...原创 2019-06-02 16:02:07 · 226 阅读 · 0 评论 -
Vue动态改变class和style的一些方法
动态绑定class、style的方法:class="{'class1':'true'=='true',class2:status=='status'}"这句话的意思是,class1和class2都是两个样式,但是class1是必须存在的,class2是要根据data里面的status的状态来决定是否存在的,class1必须存在,之前试过很多种方法,都不能正确显示,所以我就强制加了一个判断条件...原创 2019-06-02 16:24:14 · 27885 阅读 · 0 评论 -
select的双向绑定方法
首先看官网的介绍,明确指出v-model指令在表单<input>、<textarea>、<select>中使用在select中绑定一个v-model下面这段代码的含义:为select绑定了一系列的内容,然后option里面的值是根据data里面的selectItem展示,selectItemContain需要在data里面申明 <se...原创 2019-06-02 16:52:34 · 3924 阅读 · 0 评论