![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 87
学习vue过程中的点点滴滴的笔记记录
小小福仔
谨以献给在0和1的世界中默默努力的你!
展开
-
前端权限管理
像上面这样,根据用户的不同来展示不同的菜单栏。原创 2023-07-17 16:59:50 · 520 阅读 · 0 评论 -
Uniapp中使用Echarts图表
必须写一篇文章记录你一下!原创 2023-03-09 19:49:52 · 134 阅读 · 1 评论 -
安装v-router出错
因为2022年2月7日以后,vue-router的默认版本,为4版本,而且。在vue2的项目中指定安装v-router3版本。原创不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!,则会报上面的错误;原创 2023-02-16 13:51:48 · 837 阅读 · 0 评论 -
安装less-loader5出现webpack版本不兼容
但是安装cnpm install --save less-loader的时候报错了,错误比较明确说了less-loader需要依赖老版本版(2.0、3.0、4.0)的webpack,但是安装的webpack(5.0)偏新。现在我们需求明确要用Webpack 3,那只能让sass-loader降级了,问题是降到哪个版本呢?每个包的依赖关系都是放在package.json里面的,一个个版本去看当然很麻烦,这里介绍一个小技巧。虽然NPM已经很自动化了,但依赖问题真的是一个难题,无法自动解决,需要人工干预调整。原创 2023-02-14 14:58:49 · 2211 阅读 · 0 评论 -
使用vue-cli新建一个vue项目步骤
然后去vsvode打开该项目去vue.config.js文件下配置项目基本信息。选择默认的配置,自行选择vue2还是vue3开发项目。原创不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!原创 2023-02-04 14:40:34 · 625 阅读 · 0 评论 -
使用Vuex的个人理解
要使用 Vuex 进行集中管理数据(状态),按照 Vuex 分模块的设计思想,先在 src 下创建 store 文件夹,然后创建一个根级别的index.js,作为组装模块并导出 store 地方(store 对象是 vuex 的核心对象)。:这里就是存放集中管理数据的地方,这里主要放公共数据,例如用户的token、userinfo(个人信息)。:这里就是负责写改变stare里面数据的方法,只能写同步方法。:这里就是写调用mutations里面的方法来改变state里面的值。原创 2023-02-01 21:36:20 · 336 阅读 · 0 评论 -
前端项目(仿美团)面试要点(一)
今天学习的主要是关于仿美团app项目的前端面试知识的理解和总结。原创 2022-10-01 00:00:20 · 716 阅读 · 0 评论 -
图书信息管理系统(三)
1.2、配通路由1.3、细化主页布局1.4、抽出头部,导航、主区域三个子组件1.5、父组件重构二、利用 element 设计头部2.1、设计左侧的 logo 及 title2.2、设计右侧的下拉菜单2.3、利用 element 设计左侧导航组件2.3.1、左侧导航初步设计2.3.2、绑定路由2.3.3、创建路由组件三、为左侧导航配置路由3.1、走通【首页】路由/home3.2、走通其他导航菜单路由原创 2022-06-20 20:20:18 · 252 阅读 · 0 评论 -
图书信息管理系统(二)
1.2、配置路由index.js1.3、清理下根组件 App.vue1.4、测试二、使用 element 完善系统登录界面设计2.1、登录界面 Index.vue 表单2.2、登陆界面index.vue表单美化2.3、App.vue的美化三、使用 element 完善系统登录界面设计3.1、登录表单验证功能3.2、登录功能实现四、使用 Easymock 为登录验证创建模拟接口4.1、首先修改下我们服务接口基础地址4.2、创建服务接口原创 2022-06-17 20:45:40 · 7777 阅读 · 3 评论 -
图书信息管理系统(一)
2.2、入口文件 main.js 导入 elementui2.3、安装 Element UI Snippets 插件三、封装 axios 对象,以便更好处理异步请求3.1、安装 axios3.2、在项目的 src\utils(存放工具文件)下创建一个 myaxios.js,在该文件中自己封装一个 axios 对象。3.3、原生 axios 发送请求3.4、改进/封装原生的 axios3.5、拦截器3.6、使用封装后的 axios 对象发送请求返回数据到原创 2022-06-16 16:11:20 · 434 阅读 · 0 评论 -
Element UI 应用精讲
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习。Element UI 应用前言一、Element 快速上手1.1、Element 是什么1.2、Element2.13.1 快速上手二、Layout 布局2.1、清理脚手架中组件原有内容2.2、Layout 布局示例2.3、使用动态 css——通过 less三、Container 布局容器和 Color 色彩3.1、Container 布局容器3.2、Color 色彩3.2.1、主色.原创 2022-05-16 22:28:49 · 2048 阅读 · 0 评论 -
运用 Vue CLI4.X 脚手架构建项目实战
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习。运用 Vue CLI4.X 脚手架构建项目实战前言一、什么是 Vue CLI 及其安装1.1、什么是 Vue CLI1.2、安装 Vue CLI二、利用 Vue CLI 搭建 Vue 单页面项目——默认配置2.1、运行 vue create 创建项目2.2、查看项目三、利用 Vue CLI 搭建 Vue 单页面项目——自定义配置3.1、运行 vue create 创建项目3.2、查看.原创 2022-05-13 22:36:56 · 491 阅读 · 0 评论 -
Vue-Loader 打包单文件组件实战
webpack 结合 Vue-loader 来打包 Vue 单文件组件知识的理解和应用。主要内容包括什么是单文件组件、vue-loader 是什么,单文件组件结构及代码编写,利用 Vue-Loader 打包单文件组件,为什么要采用 render 函数来渲染,webpack 模块热替换(HMR)原创 2022-05-10 22:38:12 · 639 阅读 · 0 评论 -
webpack 与常用插件结合使用实战
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习。Spring MVC数据绑定和响应前言一、1.1、1.2、1.3、二、2.1、2.2、2.3、2.3.1、2.3.2、三、3.1、3.2、3.3、3.3.1、前言今天学习的主要是关于…知识的理解和应用hh hhhh一、概述:作用:总结:1.1、1.2、1.3、二、概述:作用:总结:2.1、2.2、2.3、2.原创 2022-05-10 00:05:21 · 1460 阅读 · 0 评论 -
EcmaScript6 在 Vue 项目中常用语法
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习。EcmaScript6 在 Vue 项目中常用语法前言一、什么是EcmaScript6 与 ES6 变量声明1.1、什么 EcmaScript61.2、变量声明1.3、模板字符串二、2.1、2.2、2.3、2.3.1、2.3.2、三、3.1、3.2、3.3、3.3.1、前言今天学习的主要是关于什么是 ES6,ES6 在 vue 项目中的常用语法,包括变量声明、模板字符串、反引.原创 2022-05-09 16:56:15 · 1274 阅读 · 0 评论 -
Webpack 资源打包工具实战快速入门
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习。Spring MVC数据绑定和响应前言一、前端模块化、组件化开发初步了解1.1、什么前端模块化开发1.2、前端模块化与组件化区别二、webpack 的基本认识2.1、webpack 是什么2.2、webpack 的作用三、webpack 安装3.1、webpack 全局安装(不建议)3.2、webpack 本地安装(建议安装)四、webpack 快速入门实操(一)4.1、创建目录结构.原创 2022-05-08 20:49:19 · 670 阅读 · 0 评论 -
Vue Router 实现路由控制实战
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习。Vue Router 实现路由控制实战前言一、什么是单页面应用及实现前端路由的基本原理1.1、什么是单页面应用1.2、什么是路由及前端路由1.3、实现前端路由基本原理二、使用 Vue Router 实现前端路由控制2.1、1. 下载安装 vue-router三、Vue Router 实现前端路由控制完善理解3.1、Vue Router创建路由实例默认采用 hash 路由3.2、 通过.原创 2022-05-07 21:16:52 · 354 阅读 · 0 评论 -
使用 axios 发送 http 请求
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习。使用 axios 发送 http 请求实战前言一、axios 简介与安装及 promise 对象1.1、axios 介绍1.2、认识 Promise 对象1.3、安装 axios 并引入二、使用 axios 发送 ajax 请求详解2.1、ajax 请求与 http 请求区别2.2、axios 基本语法2.3、使用 axios 发送 ajax 请求示2.4、通过 axios.get .原创 2022-05-04 23:31:00 · 2700 阅读 · 0 评论 -
组件及组件间的通信
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习。Spring MVC数据绑定和响应前言一、全局组件的注册及使用1.1、组件是什么?1.2、全局组件的注册及使用二、组件的再认识2.1、体会全局组件的使用2.2、用 template 标签来定义模板2.3、自定义组件中的 data 选项三、局部组件的注册及使用3.1、局部组件基本用法3.2、把组件定义简化为一个对象写法四、动态组件的应用4.1、内置组件\的应用4.2、内置组件\的应用4.原创 2022-05-03 22:57:11 · 546 阅读 · 0 评论 -
自定义过滤器及开发插件
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习。自定义过滤器及开发插件前言一、自定义全局过滤器1.1、过滤器是什么?1.2、自定义全局过滤器及使用1.3、二、2.1、2.2、2.3、2.3.1、2.3.2、三、前言今天主要学习的是关于自定义全局过滤器和局部过滤器的方法技能和自己开发插件的一般方法技能。一、自定义全局过滤器1.1、过滤器是什么?概念:用来对 vue 中的属性或数据进行过滤,即在显示之前进行数据处理或.原创 2022-05-01 21:06:30 · 4532 阅读 · 0 评论 -
自定义指令及过度(动画)
本文是我在学习过程中记录学习的点点滴滴,仅仅为了学完之后巩固一下,日后忘记了也可以方便快速的复习。自定义指令及过度(动画)前言一、简单数据绑定1.1、1.2、1.3、二、2.1、2.2、2.3、2.3.1、2.3.2、三、前言今天主要学习的是关于自定义指令。前面我们已经学习了 vue 提供的内置指令v-text、v-html、v-show 、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-model、v-pre、v-cloak、v-once 等,只有一个 v.原创 2022-04-29 20:29:47 · 1917 阅读 · 0 评论 -
Vue 实例常用的属性和方法
本文是我在学习过程中记录学习的点点滴滴,仅仅为了学完之后巩固一下,日后忘记了也可以方便快速的复习。Vue 实例常用的属性和方法前言一、Vue实例常用属性1.1、vm.$ el、vm.$ data1.2、vm.$ options、vm.$refs二、vm.$ mount()、vm.$nextTick() (Vue 实例常用方法 ——生命周期)2.1、vm.$mount()2.2、vm.$nextTick()三、vm.$ set() vm.$delete()(Vue 实例常用方法——为对象添加和删除属性).原创 2022-04-29 15:22:39 · 9206 阅读 · 0 评论 -
计算属性与监听器、Vue 实例的生命周期
本文是我在学习过程中记录学习的点点滴滴,仅仅为了学完之后巩固一下,日后忘记了也可以方便快速的复习。计算属性与监听器、Vue 实例的生命周期前言一、简单数据绑定1.1、1.2、1.3、二、2.1、2.2、2.3、2.3.1、2.3.2、三、前言今天主要学习的是关于一、简单数据绑定1.1、1.2、1.3、二、2.1、2.2、2.3、2.3.1、2.3.2、三、...原创 2022-04-28 21:08:25 · 4793 阅读 · 0 评论 -
vue---按键修饰符(.stop、.prevent、.capture、.self、.once)
本文是我在学习vue的过程中记录学习的点点滴滴,仅仅为了学完之后巩固一下,日后忘记了也可以方便快速的复习。按键修饰符前言一、DOM 事件流相关概念1、事件2、事件处理程序3、DOM 事件流4.事件捕获(event capture)5、事件冒泡(event bubbing)二、按键修饰符2.1、2.2、2.3、2.3.1、2.3.2、三、前言今天主要学习的是vue中按键修饰符,,在实际开发中,不可避免的会使用到对于事件的操作,如何处理 DOM 事件流,成为必须要掌握的技能。不同于传统的前端开发,.原创 2022-04-26 21:19:31 · 605 阅读 · 0 评论 -
vue---我的第一个vue程序及vue的基本思想的理解
本文是我在学习vue过程中记录学习的点点滴滴,仅仅为了学完之后巩固一下,日后忘记了也可以方便快速的复习。我的第一个vue程序前言一、vue.js 核心思想1.1、数据驱动1.2、组件化二、 MVVM 框架理解2.1、MVC(Model-View-Controller)2.2、2.3、2.3.1、2.3.2、三、前言今天主要学习的是关于我在学习vue写的第一个vue程序,简单的讲述了一下vue的基本思想和理念。一、vue.js 核心思想1.1、数据驱动dom 的渲染、显示、隐藏,均由数据.原创 2022-04-23 14:24:30 · 1253 阅读 · 0 评论 -
vue---NPM的简介及使用
一、为什么要学习 NPM?(NPM 的作用)我们后续需要用它去下载安装相应 js 库与各种插件(模块)等,比如 vue.js、vue-router.js、axios.min.js、vuex,并且使用频繁。npm 是各种 包管理器,用来下载安装、卸载各种依赖文件(第三方插件)。二、NPM 是什么?与 Node 的关系NPM 的全称是 Node Package Manager,即 Node 包管理工具,那么 Node 又是什么?即指 Node.js,Node.js 是一个能够在服务器端运行 JavaSc原创 2022-04-16 18:31:31 · 7366 阅读 · 0 评论 -
vue---开发环境vs code快捷编译的环境配置
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、常用插件安装1.1安装插件 Vue 2 Snippets二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:本文主要是记录了关于在学习vue的过程中关于配置vs code环境来提高编码速度。提示:以下是本篇文章正文内容,下面案例可供参考一、常用插件安装1.1安装插件 Vue 2 Snippets此扩展将 Vue 2 代码片段和语法突出显示添加到 Visual Studio 代.原创 2022-04-16 19:15:52 · 2577 阅读 · 0 评论 -
vue---关于我和v-on、if、for、html...这些指令之间的那些事儿
本文是我在学习vue的过程中记录学习的点点滴滴,仅仅为了学完之后巩固一下,日后忘记了也可以方便快速的复习。vue中常用的那些指令介绍前言一、什么是指令二、指令系统2.1、v-text、v-html2.2、v-html2.3、v-text、v-html、{{ }}的正确理解与区别2.4、v-model2.5、v-cloak2.5.1、{{}}模板语法的不足2.5.2、使用 v-cloak 来解决2.6、v-bind三、前言今天主要学习的是关于vue中那些常用的一些指令的介绍,包括v-text、v.原创 2022-04-25 16:20:25 · 1165 阅读 · 0 评论