js vue 建立乙個div vuejs元件

2021-10-13 13:37:59 字數 593 閱讀 1793

一、什麼是元件?

元件(component)是vue.js最強大的功能之一。元件可以擴充套件html元素,封裝可重用的**。在較高層面上,元件是自定義元素,vue.js的編譯器為它新增特殊功能。在有些情況下,元件也可以表現為用is特性進行了擴充套件的原生html元素。

總結:元件是用來完成特定功能的乙個自定義的html標籤

例如:注意:mytag就是乙個元件,該元件必須通過vue為mytag賦予一定的功能

二、元件的作用

元件是對特點功能**(html,css,js)的封裝,通過元件的名字可以重複利用該元件中的**.

元件分類:

全域性元件和區域性元件

注意:元件的template模板必須有且只有乙個根標籤(所有內容必須由乙個標籤套起來)。

三、全域性元件

1.全域性元件的語法:

vue.component("自定義標籤的名字",)

2.全域性元件的特點:

2.1全域性元件可以在任何被掛著的標籤中使用.

2.2全域性元件的配置物件中必須包含template屬

3.全域性元件應用場景

如果該元件的特定功能需要在任何被vue例項掛載的標籤中使用.推薦使用全域性元件

建立乙個類

c 是一門物件導向的程式語言,而物件導向的基礎就是類 使用c 建立乙個student類 class student 學生類 輸出學生的資訊 void outputstudent void void student input char name,int age,int no void student...

建立乙個image

ceph 版本 0.94 7rbd命令操作的資源有volume 預設 snap lock三類資源 using rbd to create empty image rbd create size 1024000 test1 ceph src rbd.cc main code section 定義一些後...

建立乙個raymarching

shadertoy 檢視 先解釋一波raymarching,raymatching是一種計算機圖形渲染方式,但它的潛力仍未被完全發掘。raymatching一般用於渲染體積紋理 高度圖以及解析曲面。如今,大多數遊戲用opengl或direct3d directx 來使用顯示卡的硬體加速器繪製多邊形,...