随笔分类 -  VUE

摘要:a标签中download属性可以更改下载文件的文件名。但是如果是跨域的话,download属性就会失效。解决方案 阅读全文
posted @ 2021-09-26 15:41 前端王者(法师) 阅读(750) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-09-03 15:00 前端王者(法师) 阅读(174) 评论(0) 推荐(0) 编辑
摘要:这3工具都必须安装. 但是安装之后, 规则冲突又让人头疼. 讲下解决方案吧.一 从0开始1. 禁止工作区插件, 如下图: 2. 清空用户和工作区设置(Code–>首选项–>设置–>[右上角可以打开json,左侧切换“用户|工作区”]) 3. 为了不影响其他vue项目, 在项目下新建一个.vscode 阅读全文
posted @ 2021-08-12 14:19 前端王者(法师) 阅读(2852) 评论(0) 推荐(0) 编辑
摘要:一、vue语法高亮 1.1 安装Vetur 1. 创建.vue文件, 写些代码, 发现一片漆黑 2. 安装激活vetur插件, 代码就有高亮了. 右键菜单还会变多一些, 主要多了个格式化文档. 这里配置了多个格式化的,所以会有多个。 看下vetur的特性: 语法高亮, 代码片段(emmet给我的感觉 阅读全文
posted @ 2021-08-12 14:17 前端王者(法师) 阅读(654) 评论(0) 推荐(0) 编辑
摘要:一、递归 阅读全文
posted @ 2021-07-21 09:56 前端王者(法师) 阅读(43) 评论(0) 推荐(0) 编辑
摘要:.env.development 的内容如下: NODE_ENV = development VUE_APP_NODE_ENV = development .env.qa 的内容如下: NODE_ENV = production VUE_APP_NODE_ENV = qa outputDir = ' 阅读全文
posted @ 2020-11-13 15:39 前端王者(法师) 阅读(202) 评论(0) 推荐(0) 编辑
摘要:一.vConsole 说明 由于移动端项目在手机中调试时不能使用chrome的控制台,而vconsole是对pc端console的改写 使用方法 使用 npm 安装: npm install vconsole 使用webpack,然后js代码中: import VConsole from 'vcon 阅读全文
posted @ 2020-08-26 14:31 前端王者(法师) 阅读(129) 评论(0) 推荐(0) 编辑
摘要:1.自定义指令directive 思路: 点击之后当前按钮一定时间内(例如:setTimeout 1000ms)不可以再次被点击,相当于节流; 但是如果一个请求1000ms以上还没有返回,那么再次点击就会触发新的请求了。 添加自定义文件 directives.js import Vue from ' 阅读全文
posted @ 2020-08-21 14:28 前端王者(法师) 阅读(557) 评论(0) 推荐(0) 编辑
摘要:.sync修饰符 一个组件上只能定义一个v-model,如果其他prop也要实现双向绑定的效果该怎么办呢? 简单的方法是子组件向父组件发送一个事件,父组件监听该事件,然后更新prop。具体如下: // info.vue组件定义了一个value 属性, 和一个valueChanged事件 <templ 阅读全文
posted @ 2019-12-02 10:23 前端王者(法师) 阅读(2182) 评论(0) 推荐(0) 编辑
摘要:https://www.cnblogs.com/chris0710/p/8925977.html https://blog.csdn.net/DDD_QQQ/article/details/95485626 三、将远程git仓库里的指定分支拉取到本地(本地不存在的分支) 当我想从远程仓库里拉取一条本 阅读全文
posted @ 2019-11-02 16:05 前端王者(法师) 阅读(212) 评论(0) 推荐(0) 编辑
摘要:https://segmentfault.com/a/1190000020172729?utm_source=tag-newest 阅读全文
posted @ 2019-10-31 15:00 前端王者(法师) 阅读(143) 评论(0) 推荐(0) 编辑
摘要:一、组件的划分创建 方法一: 把页面上需要复用的模块,拆分成组件。比如,页面的header、footer、面包屑、弹出框等拆分成组件。所以在src中应该有一个文件夹(components)专门放这些会复用的组件。 页面中不被复用的模块,比如content主体内容。会被做为一个主页面,在这个主页面中会 阅读全文
posted @ 2019-05-09 18:14 前端王者(法师) 阅读(588) 评论(0) 推荐(0) 编辑
摘要:axios的中文文档写的已经很详细 https://www.kancloud.cn/yunye/axios/234845 阅读全文
posted @ 2019-05-09 13:44 前端王者(法师) 阅读(177) 评论(0) 推荐(0) 编辑
摘要:前端路由 根据不同的 url 地址展示不同的内容或页面,无需依赖服务器根据不同URL进行页面展示操作 优点 用户体验好,不需要每次都从服务器全部获取,快速展现给用户 缺点 使用浏览器的前进,后退键的时候会重新发送请求,没有合理地利用缓存 单页面无法记住之前滚动的位置,无法在前进,后退的时候记住滚动的 阅读全文
posted @ 2019-05-08 15:07 前端王者(法师) 阅读(11221) 评论(0) 推荐(0) 编辑
摘要:vue官网对vue生命周期的介绍 Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。 每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段 阅读全文
posted @ 2019-05-08 10:36 前端王者(法师) 阅读(647) 评论(0) 推荐(0) 编辑
摘要:一.模板语法 二.Class和Style绑定 三.条件渲染 四.vue事件处理器 五.vue组件 阅读全文
posted @ 2019-05-07 18:06 前端王者(法师) 阅读(261) 评论(0) 推荐(0) 编辑
摘要:config文件夹下 阅读全文
posted @ 2019-05-07 17:00 前端王者(法师) 阅读(6757) 评论(0) 推荐(0) 编辑
摘要:一、Vue多页面应用的环境搭建 每一次页面跳转的时候,后台服务器都会给返回一个新的html文档,这种类型的网站也就是多页网站,也叫做多页应用。 环境的搭建如下,在页面中引入如下框架 二、Vue单页面应用(SPA) 第一次进入页面的时候会请求一个html文件,刷新清除一下。切换到其他组件,此时路径也相 阅读全文
posted @ 2019-05-07 11:43 前端王者(法师) 阅读(944) 评论(0) 推荐(0) 编辑
摘要:一、为什么安装node.js及npm npm npm是Node.js的包管理工具(package manager),是全球最大的生态系统,同过npm可以找到很多丰富的插件来满足项目的需求。 a1.现在做webpack的构建、Gulp的构建及grunt的构建,vue项目的开发等插件都需要npm安装。所 阅读全文
posted @ 2019-05-06 16:44 前端王者(法师) 阅读(3925) 评论(1) 推荐(0) 编辑
摘要:vue-cli脚手架目录一览 最近在学习vue,看的稀里糊涂。今天从头开始,把cli配置的vue项目目录和配置文件搞清楚。 先看看整个项目目录结构: 再看看build文件夹下相关文件及目录: config文件夹下目录和文件: 接下来说说vue-cli项目中页面相关的主要文件^o^ 首先是index. 阅读全文
posted @ 2019-05-06 14:24 前端王者(法师) 阅读(2632) 评论(0) 推荐(1) 编辑