Rumah > hujung hadapan web > Tutorial H5 > 分享一个vue全局配置的实例代码

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

零下一度
Lepaskan: 2017-05-11 14:25:27
asal
2198 orang telah melayarinya

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

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

代码如下:

  1. 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 = [
    &#39;my-custom-web-component&#39;, &#39;another-web-component&#39;
    ]拼错组件名称,从而抛出一个关于Unknown custom element 
    keyCodes:{[ key:string]:number | Array <number>} (默认是{})用法:Vue.config.keyCodes = { v:86, F1:112,mediaPlayPause:179,up:[38,87]} 这个多半伴随v-on 自定义键位别名。
    Salin selepas log masuk

【相关推荐】

1. 免费h5在线视频教程

2. HTML5 完整版手册

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

Atas ialah kandungan terperinci 分享一个vue全局配置的实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan