vue全局配置----小白基础篇

今天学习vue全局配置。希望帮助我们去了解vue的全局配置,快速开发。

Vue.config是vue的全局配置对象。包含Vue的所有全局属性:

  1. silent:boolean(默认值:false)----取消Vue的所有的日志与警告 ;用法:Vue.config.silent = true
  2. optionMergeStrategies:{[key:string]:Function}(默认是空对象{})

    vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {

    return child + 1

    }

    自定义合并策略的选项:接受第一个参数是父实例,第二个参数实例为子实例,第三个参数是Vue实例上下文

    const Profile = Vue.extend({

    _my_option: 1

    })

  3.  

    devtools:boolean(默认是true,生成版为false) 用法:Vue.config.devtools = true 配置是否允许vue-devtools检查代码。开发版本默认为:true ,生产为false

  4. errorHandler:Funtion (默认值是默认抛出错误)用法:

    Vue.config.errorHandler = function (err, vm) {

    // handle error

    }在指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可以获取错误信息和vue实例

  5. ignoredELements:array<string>(默认是【】)用法:

    Vue.config.ignoredElements = [

    ‘my-custom-web-component‘, ‘another-web-component‘

    ]拼错组件名称,从而抛出一个关于Unknown custom element 

  6. keyCodes:{[ key:string]:number | Array <number>} (默认是{})用法:Vue.config.keyCodes = { v:86, F1:112,mediaPlayPause:179,up:[38,87]} 这个多半伴随v-on 自定义键位别名。

本文参考vue官网:vue

时间: 2024-10-22 19:35:13

vue全局配置----小白基础篇的相关文章

第十一篇:Vue全局配置自定义css与js

全局配置自定义css与js 配置全局css 首先在src下的assets目录下创建css文件夹,用于存放css全局文件 1.在创建好的css文件夹下创建global.css文件,内容如下: html, body { margin: 0; } a { color: black; text-decoration: none; } ul { margin: 0; padding: 0; } 2.在全局入口文件main.js中导入 //1) 配置全局css import '@/assets/css/gl

linux小白-基础篇-系统简单优化

作为一个刚刚接触Linux的小白,通过一段时间的学习,将我自己的部分笔记整理后拿出来,请求大家指点:因为是"0"基础学起很多地方了解的都不够深入,希望各位前辈能够指点一下:予人玫瑰,手留余香,谢谢! 因为条件有限环境是用VM搭建起来的,下文主要是根据"老男孩教育视频"中的内容整理出来的系统简单优化,希望各位前辈看过以后可以给出建议: 已学习进步为目的,不喜勿喷!谢谢! 系统简单优化    命令 一.关闭selinux                         

Vue.js(25)之 vue全局配置api介绍

本文介绍的全局api并不在Vue的构造函数内,而是在Vue构造器外面提供这些方法,让我们扩展新功能. 1. vue.extend(options) 参考:https://www.w3cplus.com/vue/vue-extend.html   1 vue在创建vue实例会经过以下四个过程: 使用vue.extend创建实例也是相似的: <!DOCTYPE html> <html lang="en"> <head> <meta charset=

spring quartz定时任务配置【基础篇】

一个定时执行的job package dk.spring.quartz; import java.util.Date; import org.quartz.JobExecutionContext; import org.quartz.JobExecutionException; import org.springframework.scheduling.quartz.QuartzJobBean; /** * 使用spring集成的quartz调度 */ public class QuartzTe

Vue.js基础篇实战--一个ToDoList小应用

距离开始学Vue已经过去一个多月了,总想把学到的东西柔和在一起,做点东西出来,于是有了这个Todolist小应用. 主要功能就是把一天要做的事情记录下来,还实现了: 标记完成事件 删除已完成事件 各种排序 仅显示未完成的项目 本地保存 截图看这里 用时一周,14次commits,把心中的构想基本实现了.详情请看:这里 整个过程下来,收获还是很多的, 1.对mvvm有了进一步的理解, 2.对css布局有了更多的了解. 3.更进一步理解了Vue的事件和组件机制.这些机制将应用解耦,每一部分都隔离出来

小白C#窗体基础篇

逆天最近身体出了点问题,回家只想好好轻松一下,就写小白基础篇吧,相信这一篇对初学者才有大用:希望各位亲们,能看完,看完你就会了,就会懂的更多好了,不多说了,步入正轨: 先说一下怎么创建WinFrom窗体——看图:  框架:(一般情况下)2.0——xp    3.0——win7旗舰版本或以上版本(专业版,企业版)4.0——win8    用的是GHOST系统就另说,装了框架的系统也可以运行对应框架的软件 左边的工具箱是控件,那个自动生成的窗口就是一个简单的WinFrom了 右边的是列表和菜单属性,

Linux网络配置基础篇

Linux网络配置基础篇 一.如何实现linux网络通信? 1)指定IP/NETMASK可实现本地通信: 2)指定路由(网关)可实现跨网络通信: 3)指定DNS服务器地址可实现基于主机名的通信, 主DNS服务器地址(当前服务器不在线时,启用备用DNS服务器地址) 备用DNS服务器地址 第三备份DNS服务器地址 二.配置网络方式及网络接口命名 linux 网络属于内核的功能, 配置方式: 静态指定:使用命令直接指定或修改配置文件 动态分配:依赖于本地网络中有DHCP服务 网络接口命名方式: 传统命

框架基础:ajax设计方案(六)--- 全局配置、请求格式拓展和优化、请求二进制类型、浏览器错误搜集以及npm打包发布

距离上一次博客大概好多好多时间了,感觉再不搞点东西出来,感觉就废了的感觉.这段时间回老家学习驾照,修养,然后7月底来上海求职(面了4家,拿了3家office),然后入职同程旅游,项目赶进度等等一系列的原因,导致没有太多时间去搞东西.感觉亏欠了好多,所以这次一次性补上.废话不多说了,我们直接进入主题. 介绍这次讲解的库的更新: ajax全局配置 请求参数的拓展(增加json)和重构优化 初始化参数类型检查 浏览器错误回收机制 增加ajax请求blob(二进制)类型 跨域问题的总结和支持 npm打包

Vue 基础篇

Vue 基础篇 一.框架与库的区别 JQ库->DOM(DOM操作) + Ajax请求 art-template库->模板引擎 框架 -> 全方位.功能齐全 简易的DOM体验 + 发请求 + 模板引擎 + 路由功能 + ... 代码上的不同: 一般使用库:调用某个函数,自己可以把控库的代码 一般使用框架:其框架在帮我们运行已编写好的代码 框架:初始化自身的一些行为 执行你所编写的代码 施放一些资源 库:小而精 框架:大而全 ( 框架包含了各种库 ) 二.起步 引包 直接用 <scri