Vue 全域性與區域性元件

最近接觸了一點vue，自己看了一下書稍微記一下收穫的筆記

1，如何全域性呼叫乙個元件？首先我在src目錄下的components目錄下寫了乙個users.vue的元件

// the vue build version to load with the `import` command

// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import vue from 'vue'
//注入手寫的元件以備全域性元件使用
import users from './components/users'
vue.config.productiontip = false
//全域性註冊元件(一般不使用全域性的方式，推薦使用區域性元件的呼叫)
vue.component("users",users);
/* eslint-disable no-new */
new vue()

2，區域性呼叫元件，main.js中全域性的配置注釋掉

//注入手寫的元件以備全域性元件使用

// import users from './components/users'
//全域性註冊元件(一般不使用全域性的方式，推薦使用區域性元件的呼叫)
// vue.component("users",users);

vue全域性元件與區域性元件

vue對元件的定義 元件是可復用的 vue 例項 元件之間是互不影響的，乙個元件的崩潰，並不會影響整個專案的執行。全域性元件 button add button add div src vue.js script 註冊全域性物件，要寫在vue例項的上面 vue.component button ad...

vue的全域性元件與區域性元件

使用範圍 全域性元件使用範圍 可以在頁面中任何位置使用 前提是div的id跟vue例項繫結過 區域性元件使用範圍 只能在定義它的el中使用，不能再其他位置使用，否則就無法生效 定義元件的方法 全域性元件 可以使用vue.component tagname,options 定義全域性元件 區域性元件 ...

Vue元件之全域性元件與區域性元件

元件 component 是 vue.js 最強大的功能之一。元件可以擴充套件 html 元素，封裝可重用的 在較高層面上，元件是自定義元素，vue.js 的編譯器為它新增特殊功能。在有些情況下，元件也可以是原生 html 元素的形式，以 is 特性擴充套件。個人認為就是乙個可以重複利用的結構層 片...