vue
文章平均质量分 93
java冯坚持
1、专注Java开发、定制、远程、文档编写,还专注组件开发、前端vue-react开发、技术博客沉淀、技术研究等;
有热爱的技术同学欢迎来投稿、交流,一起学习,一起在code的海洋里遨游~
2、鄙人非常有兴趣组建一个集对开发有兴趣的志同道合的朋友一起合作、交流、沉淀;向CTO、合伙人出发~
3、有兴趣的朋友可以私信,每天集中下午17:00-18:00集中回复。
展开
-
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件原创 2022-08-25 15:25:03 · 2764 阅读 · 0 评论 -
vue-element-admin 综合开发三:header组件的实现、vuex的使用、main组件(home页面)的实现
vue-element-admin 综合开发三:header组件的实现、vuex的使用、main组件(home页面)的实现原创 2022-08-11 20:50:44 · 2657 阅读 · 0 评论 -
vue-element-admin 综合开发四:axios安装和封装、mock安装/学习/使用
vue-element-admin 综合开发四:axios安装和封装、mock安装/学习/使用原创 2022-08-11 20:40:15 · 1473 阅读 · 0 评论 -
vue-element-admin 综合开发二:搭建首页架子、侧边栏、修改默认样式、menu和路由跳转页面初体验
vue-element-admin 综合开发二:搭建首页架子、侧边栏、修改默认样式、menu和路由跳转页面初体验原创 2022-08-08 20:34:53 · 4209 阅读 · 0 评论 -
vue-element-admin 综合开发一:搭建环境:vue-cli创建项目,整合element、vue-router。
vue-element-admin 综合开发一:搭建环境:vue-cli创建项目,整合element、vue-router。原创 2022-08-08 20:33:54 · 2172 阅读 · 0 评论 -
VUE 系统学习系列:学习导航大纲--VUE整套前端由0到1(关注收藏本博文即可)
VUE 系统学习系列:学习导航大纲--VUE整套前端由0到1(关注收藏本博文即可)原创 2022-08-06 16:52:52 · 2847 阅读 · 3 评论 -
VUE学习四:前端模块化,ES6和ES5如何实现模块化
VUE学习四:前端模块化,ES6和ES5如何实现模块化原创 2022-08-06 16:49:57 · 905 阅读 · 0 评论 -
VUE学习三:双向绑定指令(v-mode)、组件化开发(全局组件/局部组卷/组件通信)、组件化高级(slot插槽使用)
VUE学习三:双向绑定指令(v-mode)、组件化开发(全局组件/局部组卷/组件通信)、组件化高级(slot插槽使用)原创 2022-08-06 16:48:16 · 572 阅读 · 0 评论 -
VUE学习二:事件监听(v-on)、条件判断(v-if/v-else-if/v-else)、循环遍历(v-for)
VUE学习二:事件监听(v-on)、条件判断(v-if/v-else-if/v-else)、循环遍历(v-for)原创 2022-08-06 16:47:30 · 826 阅读 · 0 评论 -
VUE学习一:初识VUE、指令、动态绑定、计算属性
VUE学习一:初识VUE、指令、动态绑定、计算属性原创 2022-08-06 16:46:45 · 498 阅读 · 0 评论 -
导出excel的两个方式:前端vue+XLSX 导出excel,vue+后端POI 导出excel,并进行分析、比较
文章目录前言一、需求分析1. 两个方式2. 对比分析二、方式1:vue+XLSX1. 安装 XLSX2. XLSX 两个方法比较3. XLSX 方法一:a. 按钮事件b. js 方法:导出选中 exportSelect()c. js 方法:导出全部 exportAllExcel4. XLSX 方法二:a. 按钮事件b. js 方法:导出当前页 exportExcel二、方式2:vue+POI1. 前端代码a、按钮事件b、网络请求封装c、js方法:导出全部 exportAllExcel2. 后端代码(IMP原创 2021-05-27 17:20:58 · 20370 阅读 · 11 评论 -
Vuex学习二:Vuex的重点属性学习,state、mutations、getters、actions、module。
文章目录前言一、State单一状态树二、Getters基本使用1. 描述和案例2. 案例代码三、Mutations1. Mutations状态更新2. Mutations传递参数i、概念ii、代码示例3. Mutations提交风格4. Mutations响应规则i、概念ii、代码案例5. Mutations常量类型i、概念ii、代码示例6. Mutations同步函数四、Action的基本定义1. 概念2. 代码示例五、modules1. 描述2. Modules局部状态3. Actions的写法4. 代原创 2021-04-14 18:22:01 · 572 阅读 · 0 评论 -
Vuex学习一:了解Vuex,初始用vuex,vuex状态管理图的讲解
文章目录前言一、项目构建1. 项目搭建2. vuex配置二、vuex 初始用1. 不使用vuex的状态共享i、逻辑与代码ii、延伸的问题思考2. vuex介绍3. 对2.1.1案例使用vuex操作i、上代码ii、反思问题三、Vuex状态管理图四、对2.3.1案例使用vuex完美使用1. 直接上代码2. 总结前言代码都上传到GitHub中 ,请看GitHub中的day08_/02_learn_vuex githua代码传送地:https://github.com/fengfanli/learn_vue原创 2021-04-14 17:37:59 · 419 阅读 · 0 评论 -
vue-router学习三:封装组件,封装TabBar组件。
文章目录前言一、封装思路1. 效果展示2. 实现思路二、代码实现1. 新建项目2. 创建组件Home/Category/Cart/Profie3. 配置路由规则4.二、前言一、封装思路1. 效果展示2. 实现思路如果在下方有一个单独的TabBar组件,你如何封装自定义TabBar组件,在APP中使用让TabBar出于底部,并且设置相关的样式TabBar中显示的内容由外界决定定义插槽flex布局平分TabBar自定义TabBarItem,可以传入 图片和文字定义原创 2021-03-25 18:08:06 · 465 阅读 · 2 评论 -
vue-router学习二:动态路由(路由传递数据的一种方式),路由懒加载,嵌套路由,路由传递参数方式,导航守卫,keep-alive标签
文章目录前言十一、动态路由十二、认识路由的懒加载十三、路由懒加载的效果十四、懒加载的方式十五、认识嵌套路由十六、嵌套路由实现十七、嵌套默认路径十八、准备工作十九、传递参数的方式1. 传递参数方式一: ``2. 传递参数方式二: JavaScript代码二十、获取参数1. $ route和$ router是有区别的导航守卫1. 为什么使用导航守卫?2. 导航守卫使用3. 导航守卫补充二一、keep-alive遇见vue-router二二、TabBar实现1. TabBar实现思路2. TabBar代码实现前原创 2021-03-16 16:12:33 · 1204 阅读 · 1 评论 -
vue-router学习一:什么是路由,路由分类,路由安装,路由使用,路由默认路径,history模式,默认的linkActiveClass属性,路由代码跳转
文章目录前言一、什么是路由?1. 路由2. 路由分类1. 后端路由2. 前后端分离阶段:3.单页面富应用阶段:二、URL的hash一、HTML5的history模式:1. pushState2.history.replaceState()3. history.go()一、认识vue-router一、安装和使用vue-router一、创建router实例二、挂载到Vue实例中1. 步骤一:创建路由组件2. 步骤二:配置组件和路径的映射关系3. 步骤三:使用路由.4. 最终效果如下5. 路由的默认路径6. HT原创 2021-03-15 15:58:14 · 647 阅读 · 0 评论 -
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
文章目录前言一、Runtime-Compiler和Runtime-only两个模式1. 模式来源2. 案例显示3. 区别4. 引发思考二、Vue程序运行过程和原因三、render 函数使用1. 使用方式一2. 使用方式二四、eslint 关闭五、脚手架2和3版本的配置文件1. 脚手架2版本1. 脚手架3版本六、vue项目管理器七、脚手架3版本创建项目的配置文件配置1. vue项目管理器配置2. 脚手架2版本配置3. `vue.config,js`前言一、Runtime-Compiler和Runtime-原创 2021-03-10 11:03:31 · 2271 阅读 · 0 评论 -
vue-cli学习一:vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目,vue的初始化详解
文章目录前言五、vue-cli2脚手架安装vue项目1. 可视化安装2. 命令行安装六、vue-cli3脚手架安装vue项目1. 可视化安装2. 命令行安装八. vue-cli 版本区别1. 2,3版本区别2. 2,3,4版本区别前言五、vue-cli2脚手架安装vue项目1. 可视化安装2. 命令行安装六、vue-cli3脚手架安装vue项目1. 可视化安装2. 命令行安装八. vue-cli 版本区别1. 2,3版本区别vue-cli 3 与 2 版本有很大区别vue-cli 3原创 2021-03-02 12:45:08 · 580 阅读 · 1 评论 -
vue学习:chrome 中 vuetools 开发插件 的下载、安装
文章目录一、下载二、安装三、加载到Google以前也做过,但老是忘记,这次吉林一下一、下载百度云地址双手奉上链接:https://pan.baidu.com/s/1u3PXqq7kgxLG6YDv3Y6Zmg 提取码:shva 复制这段内容后打开百度网盘手机App,操作更方便哦下载chrome扩展插件。在github上下载压缩包并解压到本地,github下载地址:https://github.com/vuejs/vue-devtools,打开后,进入到 master 分支,在下载或者拉取原创 2021-01-28 18:13:33 · 698 阅读 · 0 评论 -
初识Vue,vue的安装及部署,node.js,npm的使用
一、学习vue我正在学习vue ,所以整理了一些小笔记,当开始学习vue的时候,发现连安装vue都成了一个问题,所以我看视频,找百度,最后完成了vue的安装,安装完后。就可以正儿八经的跟着视频学习了。二、学习工具要先安装和学习vue,应该先认识几样辅助工具,他们分别是node.js,npm。1、node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node...原创 2018-11-17 11:13:36 · 957 阅读 · 0 评论 -
学习Vue bug 一、webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js
一、先上错误代码ERROR in multi ./src/main.js ./dist/bundle.jsModule not found: Error: Can't resolve '.\dist\bundle.js' in 'D:\Users\VScode\heima_vueHtml\Vue\黑马05天\07-webpack-study'l\Vue\黑马05天\07-webpack-stu...原创 2019-04-16 01:24:36 · 2242 阅读 · 4 评论 -
学习Vue bug 二、'mode' option has not been set, webpack will fallback to 'production' for this value
一、使用 webpack命令 错误起因在上一篇的错误中webpack打包错误 ERROR in multi ./runoob1.js bundle.js;将 自己编写的 main.js(里面有高级语法ES6等,浏览器识别不出来。)通过 webpack命令 编译成 bundle.js 浏览器能识别的 JS语言。然后引入到浏览器中,浏览器即可识别。但是这样 一改动 main.js,就要执行编译命令...原创 2019-04-20 11:51:07 · 372 阅读 · 0 评论 -
Vue加载单文件使用vue-loader报错vue-loader was used without the corresponding plugin. Make sure to include Vue
bug报错信息如下:vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.原因:参考官方文档https://vue-loader.vuejs.org/migrating.html#a-plugin-is-now-...原创 2019-04-27 16:18:41 · 1027 阅读 · 0 评论 -
解决webpack 打包 样式的 问题
解决css文件 cnpm i style-loader css-loader -D { test: /\.css$/, use: ['style-loader','css-loader'] }解决less文件 cnpm i less-loader less -D { test: /\.less$/, use: ['style-loader','css-loader','le...原创 2019-04-28 20:37:18 · 1744 阅读 · 0 评论 -
使用 vue-cli 3.0 快速创建项目 (两种方法:代码方式和图形化创建项目)
前言vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度,介绍整个搭建的过程。本快速创建项目方法都是基于 node.js 和 cnpm 的基础上进行的。安装准备node.js如何安装就不在这里详说了。如何全局化安装cnpm,这里简单提一下:npm install cnpm -g --registry=...原创 2019-07-11 10:43:40 · 598 阅读 · 0 评论