Vue
不忘初心L
这个作者很懒,什么都没留下…
展开
-
修改element表格el-table展开expand的图标
1.element官方示例:2.实现的效果:未展开是加号边框,展开是减号边框3.实现的CSS代码:<style lang="scss" scoped>/* /deeep/样式穿透*/ /*1.取消原本展开的旋转动效*//deep/.el-table__expand-icon{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} /*2.展开按钮未点击的样式是加号带边框*/ /deep/.el-tabl原创 2021-03-26 14:36:30 · 5232 阅读 · 1 评论 -
vue-router实现原理以及相关API
vue-router 实现原理查看vue-router源码github链接vue-router 实例化时会初始化 this.history,不同 mode 对应不同的 historyconstructor (options: RouterOptions = {}) { this.mode = mode switch (mode) { case 'history': this.history = new HTML5History(this, opt原创 2020-11-05 10:59:50 · 414 阅读 · 0 评论 -
Vuex原理解析(简易版)
查看vuex源码github上vuex源码Vuex 的原理关键:使用 Vue 实例管理状态(放在vue响应式系统),dep通知watcher更新简化版代码解析<html> <head> <title>vuex 原理解析</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head>原创 2020-11-05 10:14:52 · 167 阅读 · 0 评论 -
项目上线去除所有的console.log
项目上线去除所有的console.log步骤很简单1.下载依赖npm install babel-plugin-transform-remove-console --save-dev或者在Vue GUI中搜索下载开发依赖2.在babel.config.js中plugins添加这句话 'transform-remove-console' ...原创 2020-06-12 21:50:50 · 2340 阅读 · 0 评论 -
element-ui电商管理系统--添加商品内容(使用富文本编辑器)
添加商品内容(使用富文本编辑器)实现效果如图使用步骤:1.安装依赖 GUI中查找 vue-quill-editor或者使用npm下载npm install vue-quill-editor --save# oryarn add vue-quill-editorgithub上面详细使用方法2.在main.js入口文件导入import Vue from 'vue'// 导入富文本编辑器import VueQuillEditor from 'vue-quill-editor'//原创 2020-06-12 12:00:00 · 1169 阅读 · 0 评论 -
新版element-ui级联选择器高度溢出问题
做项目遇到的坑解决办法:在全局css样式里面加以下代码.el-cascader-menu { height: 300px; }重新设置一下高度OK解决原创 2020-06-09 19:10:25 · 1046 阅读 · 2 评论 -
Vue--ES6模块化和webpack打包
ES6模块化和webpack打包模块化的分类在NodeJS中安装babel设置默认导入/导出设置按需导入/导出webpack的概念webpack的基本使用安装webpack设置webpack的打包入口/出口设置webpack的自动打包配置html-webpack-pluginwebpack中的加载器Vue单文件组件在webpack中使用vue使用webpack打包发布项目Vue脚手架模块化的分类A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义原创 2020-06-05 22:56:47 · 679 阅读 · 0 评论 -
Vue基础day05--路由
day05--路由路由的概念Vue Router路由的基本使用路由重定向嵌套路由路由规则传参方式命名路由编程式导航路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低,所以,我们接下来主要学习原创 2020-06-04 17:41:40 · 354 阅读 · 0 评论 -
Vue基础day04--接口调用方式
day04--接口调用方式接口调用方式异步promisePromise 基本API实例方法.then().catch().finally().all().race()fetchaxiosasync 和 await接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。原创 2020-06-03 18:34:46 · 249 阅读 · 0 评论 -
Vue基础day03--组件
@[toc]day03–组件原创 2020-06-02 00:01:46 · 185 阅读 · 1 评论 -
Vue基础day02--常用特性
Vue-day02表单基本操作表单修饰符自定义指令计算属性 computed侦听器 watch过滤器生命周期数组变异方法图书管理案例常用特性应用场景表单基本操作获取单选框中的值通过v-model<!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的原创 2020-05-30 19:59:25 · 405 阅读 · 0 评论 -
Vue基础day01--模板语法
一.什么是Vue?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合vue.js是前端的主流框架之一,和Angular,React一起,成为前端三大主流框架!MVVM是什么?MVC 是后端的分层开发概念; MVVM是前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM把前端的视图层,分为了 三部分 Model, View , VM ViewModelm model数据原创 2020-05-29 15:21:56 · 384 阅读 · 0 评论