![](https://img-blog.csdnimg.cn/20191211100315757.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
huzhenv5
这个作者很懒,什么都没留下…
展开
-
Vue的 v-for 中 :key 有什么用
key值的作用我们知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。vue和react的虚拟DOM的Diff算法大致相同,其核心是基于两个简单的假设:1. 两个相同的组件产生类似的DOM结构,不同的组件产生不同的DOM结构。2. 同一层级的一组节点,他们可以通过唯一的id进行区分。基于以上这两点假设,使得虚拟DOM的Diff算法的复杂度从O(n^3)降到了O(n)。这里我们借用React’sdif转载 2020-08-10 19:35:24 · 503 阅读 · 0 评论 -
Vue项目中如何禁止不规范的代码提交Git
Vue项目中如何禁止不规范的代码提交Git首先,如果要检验vue代码,我们需要安装eslint、vue-eslint-parser和eslint-plugin-vue,安装这三个包之后,我们就可以配置自己的代码规范,并使用ESLint来校验我们项目中的代码了。如果需要我们还可以通过安装VSCode的ESLint插件和通过VSCode的一些配置来实现编码过程中实时提示警告跟错误,并且在保存代码的时候自动修复部分错误接着上面的说,虽然有部分错误ESLint能够帮我们自动修复,但是ESLint不是万能的,有些原创 2020-08-05 19:26:47 · 2778 阅读 · 0 评论 -
Vue开发中使用ESLint
Vue开发中使用ESLint文章目录Vue开发中使用ESLint一、ESLint简介1. JavaScript 为什么需要 lint2. JSLint 和 JSHint3. ESLint 的诞生4. 可扩展性的胜利二、ESLint使用入门1. 安装2. 测试3. 修改配置文件4. 通过注解跳过某行的检查5. 自动修复三、在Vue开发中使用1. 相关npm包介绍1.1 eslint1.2 babel-eslint1.3 vue-eslint-parser1.4 eslint-plugin-vue2. vsc原创 2020-08-04 09:43:18 · 2055 阅读 · 0 评论 -
理解Object.defineProperty的作用
对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式:var obj = new Object; // obj = {}obj.name = "张三"; // 添加描述obj.say = function(){}; // 添加行为除了以上添加属性的方式,还可以使用Object.defineProperty定义新属性或修改原有...转载 2020-03-25 23:10:27 · 409 阅读 · 0 评论 -
nginx部署vue-cli@4项目
本文所用环境:服务端系统:windows 10nginx版本:1.16.1vue-cli版本:4.1.2直接上步骤:将打包的目录从dist改成自己自定义的项目名称,这里以huzhenv5为例,修改vue.config.js的outputDir字段。因为在部署nginx时,我们会将整个打包后的huzhenv5文件夹拷贝到nginx的html目录下,所以输出的index.html文件...原创 2020-01-26 23:27:34 · 2228 阅读 · 2 评论 -
vue编译报错:Do not use 'new' for side effects (no-new)
有时候eslint会在我们使用了new的地方,报一个Do not use 'new' for side effects (no-new)的错误,如下图所示:通过查找eslint的官方文档,官方对no-new规则的解释是:disallow new operators outside of assignments or comparisons,翻译过来就是:不允许在赋值或比较之外使用new操作,知...原创 2020-01-19 17:30:38 · 6176 阅读 · 0 评论 -
vue-cli@4中cdn引入外部js
本文章代码所用vue-cli的版本号为:@vue/cli 4.1.2有的时候,我们需要在index.html中通过cdn的方式引入一些外部的js脚本等资源,比如百度地图、高德地图和Leaflet等,碰到这种情况我们该如何操作呢?1,index.html中引入相关文件vue-cli自动创建的项目中,index.html在根目录的public文件夹下,直接在该index.html中引入相关资源...原创 2020-01-19 16:36:24 · 4921 阅读 · 0 评论 -
vue-cli@4中默认的html-webpack-plugin配置
本文章代码所用vue-cli的版本号为:@vue/cli 4.1.2如何获取默认配置配置vue.config.js在项目根目录下创建vue.config.js文件,键入如下代码:const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { configureWebpack: confi...原创 2020-01-19 15:34:45 · 19781 阅读 · 0 评论 -
vue注册了组件未使用报错:component has been registered but not used
在使用vue编写项目时,有时候修改了代码导致vue中注册的组件并没有在html中使用,这时候编译器会报错:*** component has been registered but not used报这个错误是因为eslint代码检查到你注册了组件但没有使用,然后就报错了,我们只需要将注册了却未使用的组件取消注册即可。但是我们有时候我们不想取消注册,希望也能编译通过,该怎么处理呢?有两种方式...原创 2020-01-17 10:35:55 · 48109 阅读 · 6 评论 -
vue-cli@4搭建 vue + element-ui 项目实操
本文用来记录如何通过vue-cli4来搭建一个element的项目,以及中间碰到的一些问题的处理方法一,搭建步骤1. 安装node安装步骤自行百度,确认node环境变量已经配置好,node和npm指令可正常使用2. 全局安装vue-cli安装最新版本的vue-clinpm install -g @vue/cli安装成功后,就可以使用vue命令了,使用vue --version可以查...原创 2020-01-16 16:49:06 · 14927 阅读 · 22 评论 -
vue-resource的jsonp请求加百度搜索接口实现搜索功能
首先我们要引入vue的依赖文件vue.js,这里就不赘述了然后我们要引入vue-resource,vue-resource支持npm安装和browre安装npm安装方式:npm install vue-resource --savebrower安装方式:bower install vue-resource接着我们打开百度的网页,看看百度搜索的自动补全功能调用的哪个接口,...原创 2019-08-26 15:01:30 · 457 阅读 · 0 评论