随笔分类 -  Vue

摘要:vue.config.js常用配置详解_vue.js_脚本之家 (jb51.net) 这篇文章主要介绍了vue.config.js常用配置详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 使用vue-cli3.0搭建项目比之前 阅读全文
posted @ 2022-01-29 16:22 星火卓越 阅读(2664) 评论(0) 推荐(1)
摘要:Easy Mock以及Vue+Mock.js模拟数据 一、Mock.js简介 Mock.js是一个可以模拟后端数据,也可以模拟增删改查操作的js库 基础语法规范 数据模板中的每个属性由 3 部分构成:属性名、生成规则、属性值:'name|rule': value 语法规则说明 'name|min-m 阅读全文
posted @ 2020-06-23 17:19 星火卓越 阅读(453) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js" 阅读全文
posted @ 2020-06-21 23:44 星火卓越 阅读(304) 评论(0) 推荐(0)
摘要:前言 动态路由加载和动态菜单渲染的应用在后端权限控制中十分常见,后端只要加载权限路由进行渲染返回到浏览器就可以。在前后端分离中,权限控制动态路由和动态菜单也是一个非常常见的问题。其实我们最最理想的效果是什么呢?我们访问一个应用,在登录之前有哪些路由是一定要加载的呢?你看我总结如下,你看下是不是这些: 阅读全文
posted @ 2020-06-13 11:37 星火卓越 阅读(3643) 评论(0) 推荐(0)
摘要:很多时候我们在项目的路由都是在前端配置好的 但是有的时候为了进行全面的权限控制,会需要后台给出路由表,前端再渲染。不用在前端配置。 下面主要讲一下思路 1、和后台小哥哥沟通好数据,把我们前端配置的路由表数据给他,他就能看懂了 2、拿到数据需要我们自己再处理 路由中的component后台是给不了的, 阅读全文
posted @ 2020-06-13 10:30 星火卓越 阅读(994) 评论(0) 推荐(0)
摘要:日常业务中我们通常会对axios进行封装来使用,这么做的好处是:我们可以在每次请求前对请求做处理还可以对错误进行统一处理,从而避免每次发请求都要做重复的工作。比如:我们每次发送请求前都需要对请求的url做处理,就可以用到axios请求拦截;对后端返回的错误或网络错误通过响应拦截进行统一处理 等等。 阅读全文
posted @ 2020-06-11 21:24 星火卓越 阅读(628) 评论(0) 推荐(0)
摘要:一、webpack的基本配置运行 npm install webpack webpack-cli -D 命令安装webpack 相关的包在项目的根目录中,创建名为webpack.config.js的webpack配置文件在webpack的配置文件中,初始化如下基本配置:module.exports= 阅读全文
posted @ 2020-05-28 16:11 星火卓越 阅读(630) 评论(0) 推荐(0)
摘要:vue-cli3按照官网教程配置搭建后,发现每次编译,eslint都抛出错误 error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1: 1 error found. 1 error 阅读全文
posted @ 2020-05-27 09:16 星火卓越 阅读(339) 评论(0) 推荐(0)
摘要:由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会“太折腾”。 一、文件结构本文主要分析开发(dev)和构建(build)两个过程涉及 阅读全文
posted @ 2019-08-13 15:04 星火卓越 阅读(354) 评论(0) 推荐(0)
摘要:最近在项目部署了ESlint还有一些配套的工具,比如 prettier husky lint-staged,有些心得写出来分享下。 依据本篇可以实现在git commit之时,重新格式化代码,同时进行代码检查预防一些低级错误。最终期待项目中的开发人员提交到线上的代码符合代码规范、风格统一,看起来像是 阅读全文
posted @ 2019-08-12 17:20 星火卓越 阅读(824) 评论(0) 推荐(0)
摘要:ESLint 配置 ESlint 被设计为完全可配置的,这意味着你可以关闭每一个规则而只运行基本语法验证,或混合和匹配 ESLint 默认绑定的规则和你的自定义规则,以让 ESLint 更适合你的项目。有两种主要的方式来配置 ESLint: Configuration Comments - 使用 J 阅读全文
posted @ 2019-08-12 15:52 星火卓越 阅读(875) 评论(0) 推荐(0)
摘要:views 命名 views 文件夹下面是由 以页面为单位的vue文件 或者 模块文件夹 组成的,放在 src 目录之下,与 components、assets 同级。 views 下的文件夹命名 views 下面的文件夹代表着模块的名字 由名词组成(car、order、cart) 单词只能有一个( 阅读全文
posted @ 2019-08-10 14:19 星火卓越 阅读(4236) 评论(1) 推荐(0)
摘要:什么是JSX? JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析. 我为什么要在vue中用JSX? 想折腾一下呗,开玩笑.最开始是因为近期在学习react,在里面体验了 阅读全文
posted @ 2019-08-08 11:18 星火卓越 阅读(27407) 评论(1) 推荐(2)
摘要:vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家,坐着一屋子的陌生人,相互之间怎么称呼,这时就需要先知道自己和他们之间是什么样的关系。 阅读全文
posted @ 2019-08-08 10:49 星火卓越 阅读(865) 评论(0) 推荐(0)
摘要:1.安装vue-cli 3.0 ? 1 2 3 npm install -g @vue/cli # or yarn global add @vue/cli ? 1 2 3 npm install -g @vue/cli # or yarn global add @vue/cli ? 1 2 3 np 阅读全文
posted @ 2019-07-25 15:57 星火卓越 阅读(4568) 评论(0) 推荐(0)