現在我們在這裡來乙個全部**的瀏覽
>
>
charset
="utf-8"
>
>
vue-元件使用title
>
head
>
>
>
>
}h1>
>
}h1>
>
cp2>
>
cp3>
>
cp4>
>
cp5>
div>
>
>
}h1>
>
}h1>
>
cp2>
>
cp3>
>
cp4>
>
cp5>
div>
src=
"../js/vue.js"
>
script
>
>
老版元件建立--
>
const cp2 = vue.
extend()
const cp3 = vue.
extend()
const cp4 = vue.
extend()
const cp5 = vue.
extend()
<
!-- 老版元件註冊--
>
vue.
component
('cp2'
, cp2)
vue.
component
('cp3'
, cp3)
vue.
component
('cp4'
, cp4)
vue.
component
('cp5'
, cp5)
newvue(,
// components: })
newvue(,
// components: })
script
>
body
>
html
>
>
>
charset
="utf-8"
>
>
vue-元件使用title
>
head
>
>
>
>
}h1>
>
}h1>
>
cp2>
>
cp3>
>
cp4>
>
cp5>
div>
>
>
}h1>
>
}h1>
>
cp2>
>
cp3>
>
cp4>
>
cp5>
div>
src=
"../js/vue.js"
>
script
>
>
// 老版元件建立
const cp2 = vue.
extend()
const cp3 = vue.
extend()
const cp4 = vue.
extend()
const cp5 = vue.
extend()
// 老版元件註冊
// vue.component('cp2', cp2)
// vue.component('cp3', cp3)
// vue.component('cp4', cp4)
// vue.component('cp5', cp5)
newvue(,
components:})
newvue(,
components:})
script
>
body
>
html
>
通過這樣乙個思考是不是就明白了vue元件全域性和區域性元件的使用了呢
vue全域性元件和區域性元件
vue元件包括兩種 1 全域性元件，2 區域性元件 區域性元件var 變數名字一定要放在new vue例項外面 1 全域性元件 text align center color red font size 20px margin top 20px 全域性元件直接像上面這樣 註冊 就可以 如果還想註冊繼...
vue 全域性元件和區域性元件
vue.component mycpn cpnc components html lang en head meta charset utf 8 title document title script src js vue.js script head div id mycpn div div id...
Vue 元件（一）全域性元件和區域性元件
根據vue官方文件 元件 component 是vue.js最強大的功能之一。元件可以擴充套件html元素，封裝可重用的 在較高層面上，元件是自定義元素。按我當前學習程度的理解，元件就是定義乙個自己的新標籤，新標籤可以在html 中使用。全域性宣告元件 vue.component my compon...