随笔分类 -  vue

vue-router系列一之基础知识
摘要：一、hash 和 history 相关（参考地址：https://blog.csdn.net/chenjuan1993/article/details/82084698）1、为什么要有 hash 和 history？答：对于 Vue 这类渐进式前端开发框架，为了构建 SPA（单页面应用），需要引入前 阅读全文
posted @ 2021-07-21 15:09 First·林肯 阅读(56) 评论(0) 推荐(0)
vue生命周期的理解
摘要：一、vue生命周期是什么？ vue实例从创建到销毁的过程称之为vue的生命周期 二。生命周期各个阶段做了什么？ （1）beforeCreate 实例创建前：这个阶段实例的data、methods是读不到的 （2）created 实例创建后：这个阶段已经完成了数据观测(data observer)，属 阅读全文
posted @ 2021-02-26 15:42 First·林肯 阅读(267) 评论(0) 推荐(0)
vue3.0的新特性
摘要：vue3.0相比于vue2.0： 更快 更小 更易于维护 更多的原生支持 更易于开发使用 一、性能提升 （1）打包大小减少41% （2）初次渲染加快55%，更新加快133% （3）内存使用减少54% 二、Composition API （1）ref 和 reactive （2）computed 和 阅读全文
posted @ 2021-01-27 14:41 First·林肯 阅读(618) 评论(0) 推荐(0)
electron-builder 打包流程
摘要：在使用electron-builder 打包时的一些心得希望可以帮助更多的人解决问题 一、安装 electron-builde 在此之前必须先安装yarn 当然用npm也可以只是网络不太好 yarn add electron-builder --save-dev 二、配置package.json { 阅读全文
posted @ 2019-11-15 11:14 First·林肯 阅读(4143) 评论(0) 推荐(0)
vue里面如何下载图片，如何下载文件
摘要：let alink = document.createElement("a"); alink.href = _this.HOST+row.erdFilePath alink.download = row.erdFileName alink.click(); let alink = document. 阅读全文
posted @ 2019-10-11 11:04 First·林肯 阅读(4710) 评论(1) 推荐(0)
vue+better-scroll 下拉刷新，上拉加载更多
摘要：better-scroll 来做下拉刷新和 上拉加载 特别方便。 安装好vue脚手架和better-scroll 之后 直接复制粘贴就可以看到效果了 阅读全文
posted @ 2018-06-22 17:47 First·林肯 阅读(11844) 评论(10) 推荐(0)
Vue轮播图插件---Vue-Awesome-Swiper
摘要：Vue-Awesome-Swiper 轮播图插件 阅读全文
posted @ 2018-05-08 18:39 First·林肯 阅读(4674) 评论(0) 推荐(0)
和组件进行双向绑定(笔记)
摘要：v-model和组件进行绑定。 sync关键字和组件进行绑定 阅读全文
posted @ 2018-03-28 21:53 First·林肯 阅读(1124) 评论(0) 推荐(0)
slot插槽（学习笔记）
摘要：slot插槽（有默认值，也有名称）一般情况下通过名称进行匹配 什么是插槽，有什么用？插槽相当于插入的一个东西，可以用来灵活的封装组件，比如说封装一个模态框 对组件进行内容的定制，slot插槽，一对组件标签中的结构，最终会被插入到组件的模板中去的 使用方法思路：子组件定义完成。需要灵活的改变子组件里面的东西。可以在子组件注册的标签里面写来完成内容替换，当然有name来进行标识是最好的 阅读全文
posted @ 2018-03-26 22:51 First·林肯 阅读(897) 评论(0) 推荐(0)
Vue父子组件之间的通讯（学习笔记）
摘要：在子组件里面通过prpos接收到父组件传的值是不能改变的，不过可以自己定义一个变量来赋值改变，如果想要改变数据源的话必须通过$emit来进行事件发布 阅读全文
posted @ 2018-03-25 16:47 First·林肯 阅读(187) 评论(0) 推荐(0)
Vue-router入门
摘要：1、npm install vue-router --save-dev 安装路由包，在安装脚手架时实际上可以直接安装 2、解读核心文件 router/index.js文件 import Vue from 'vue' //引入Vue import Router from 'vue-router' // 阅读全文
posted @ 2018-03-06 11:41 First·林肯 阅读(268) 评论(0) 推荐(0)
vue安装踩坑系列
摘要：1、安装npm node环境 2、npm install vue-cli -g 安装vue-cli vue-V检测脚手架是否安装成功 3、vue init webpack vuecliTest 初始化项目 webpack是项目模板 vuecliTest是文件夹名称 4、输入命令后，会询问我们几个简单 阅读全文
posted @ 2018-03-06 11:36 First·林肯 阅读(1207) 评论(0) 推荐(0)