>웹 프론트엔드 >View.js >vue.use에서 무슨 일이 일어나는가

vue.use에서 무슨 일이 일어나는가

藏色散人
藏色散人원래의
2021-01-26 09:28:152745검색

vue.use는 전역 플러그인을 등록하는 데 사용됩니다. 매개변수로 install 속성이 포함된 객체를 받습니다. 매개변수에 install이 포함되어 있으면 install이 직접 실행됩니다. 첫 번째 매개변수는 항상 vue.Object이므로 등록된 플러그인은 다시 등록되지 않습니다.

vue.use에서 무슨 일이 일어나는가

이 튜토리얼의 운영 환경: windows7 시스템, vue2.0 버전, Dell G3 컴퓨터.

관련 권장 사항: "vue.js Tutorial"

정의

vue.use()는 실제 전역 사용을 위해 플러그인을 세상에 삽입합니다. 별도의 참조가 필요하지 않습니다.

코드 이해:

import Router from 'vue-router'
// 入口文件全局注入vue-router, 从而可以在全局使用this.$route
Vue.use(Router)

vue.use를 사용하지 않고 컴포넌트에서 사용해야 한다면 별도로 소개해야 합니다

// a.vue
import Router from 'vue-router'
// b.vue
import Router from 'vue-router'

이제 기본 사용법과 기능을 이해했으니 vue에서 어떤 일이 일어나는지 살펴보겠습니다. use

소스코드가 너무 작아서 일부만 발췌했습니다

Vue.use = function (plugin: Function | Object) {
const installedPlugins = (this._installedPlugins || (this._installedPlugins = []))
if (installedPlugins.indexOf(plugin) > -1) {
return this
}
// additional parameters
const args = toArray(arguments, 1)
args.unshift(this)
if (typeof plugin.install === ‘function’) {
plugin.install.apply(plugin, args)
} else if (typeof plugin === ‘function’) {
plugin.apply(null, args)
}
installedPlugins.push(plugin)
return this
}

Summary

vue.use()는 글로벌 플러그인을 등록하는데 사용되는 함수나 install 속성이 포함된 객체를 인자로 받습니다. 매개변수에 install이 포함되어 있으면 install이 실행되고, 그렇지 않으면 매개변수가 install로 직접 실행됩니다. First 각 매개변수는 항상 vue 객체이며, 등록된 플러그인은 다시 등록되지 않습니다.

위 내용은 vue.use에서 무슨 일이 일어나는가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.