vue專案中的區域性元件和全域性元件

2021-09-26 21:44:06 字數 695 閱讀 4286

一、全域性元件:

在專案main.js中引入自己寫的檔案,以之前那個檔案目錄為例

二、區域性元件:

在使用改組件的檔案中直接引入

import mycomponent from '@/components/mycomponent.vue';
三、元件的結構:

主要包括三個部分:介面展示的**template、業務實現**script、介面布局**style

template ,每個元件必須只有乙個根元素,建議將模板中的內容全部打包裝在乙個新元素內:

submit

script,主要寫js**,元件ui的引用以及資料的繫結都是在這個標籤中:

3、style標籤,寫css樣式,以及樣式的引入:

Vue專案全域性和區域性元件

vue專案開發過程中,通常我們會把一些常用或者通用的功能抽取出來作為全域性或者區域性元件,復用率和專案擴充套件性相對會好一點,下面我們詳細看下具體的定義和使用吧 定義元件內容 新建testcomponent.vue檔案,並新增元件內容 div template stylus scoped 樣式.st...

Vue註冊區域性元件和全域性元件

1.新建components目錄,方便管理和修改 2.component資料夾下新建vueaudio元件,注意要用駝峰命名法或者短橫線命名法 export default 3.引用元件 import vueaudio from components vueaudio export default 1...

vue全域性元件和區域性元件

vue元件包括兩種 1 全域性元件,2 區域性元件 區域性元件var 變數名字一定要放在new vue例項外面 1 全域性元件 text align center color red font size 20px margin top 20px 全域性元件直接像上面這樣 註冊 就可以 如果還想註冊繼...