分享一个vue全局配置的实例代码


本文摘自PHP中文网,作者零下一度,侵删。

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

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

代码如下:

  1. 1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    silent:boolean(默认值:false)----取消Vue的所有的日志与警告 ;用法:Vue.config.silent = true

    optionMergeStrategies:{[key:string]:Function}(默认是空对象{})

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

    return child + 1

    }

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

    const Profile = Vue.extend({

    _my_option: 1

    })

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

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

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

    // handle error

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

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

    Vue.config.ignoredElements = [

    'my-custom-web-component', 'another-web-component'

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

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

【相关推荐】

1. 免费h5在线视频教程

2. HTML5 完整版手册

3. php.cn原创html5视频教程

以上就是分享一个vue全局配置的实例代码的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

h5实现qq聊天气泡的实例介绍

了解vue中的自定义指令

vue怎么调用jquery包

.vue文件里怎么写scss?

vue和react属于js库吗

vue文本框显示当前可输字数效果

vuwe是什么意思?

vue常用的组件通信方式

html5制作查询页面实例

vue架构是什么

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...