ã€Vue.js】ã–ã£ãり紹介ã€Vueプラグインã®æ›¸ãæ–¹Vue ã®ãƒ—ラグインを作æˆã™ã‚‹æ–¹æ³•ãªã‚“ã§ã™ãŒã€ 「install メソッドをæŒã¤ã‚ªãƒ–ジェクトを定義ã™ã‚‹ã€ ãŸã ã“ã‚Œã ã‘ãªã‚“ã§ã™ã€‚ 定義ã—ãŸãƒ—ラグインã¯ã”å˜çŸ¥ã®ã¨ãŠã‚Šã€Vue.use メソッドã§ä½¿ç”¨ã—ã¾ã™ã€‚ Vue.use メソッドを使ã£ã¦ãƒ—ラグインを使用ã™ã‚‹ã¨ã€ãƒ—ラグインã®install メソッドãŒå‘¼ã°ã‚Œã‚‹ã£ã¦æ„Ÿã˜ã§ã™ã€‚ install メソッドã®ç¬¬ä¸€å¼•æ•°ã¯ Vue コンストラクタã€ç¬¬äºŒå¼•æ•°ã¯ã‚ªãƒ—ションã®ã‚ªãƒ–ジェクトã«ãªã‚Šã¾ã™ã€‚ 一番簡å˜ãªãƒ—ラグインã®ä¾‹ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ const MyPlugin = { install(Vue, options) { console.log(`${options.hello}${options.world}!`) } } Vue.use(MyPlugin, { hello: 'ã“ã‚“ã«ã¡ã¯', world: '世界' }) // ã“ã‚“ã«ã¡ã¯ä¸–ç•Œ! プラグイ
æ—¢å˜ãƒ—ãƒãƒ€ã‚¯ãƒˆã«æœ€å°æ§‹æˆã§TypeScriptã‚’å°Žå…¥ã™ã‚‹ - RAKSUL TechBlog
Vuexã®Mutationã¨Actionã®åˆ‡ã‚Šåˆ†ã‘ - Qiita
{{#tags}}- {{label}}
{{/tags}}