Vue公共元件呼叫，公共頭部實現自定義內容

一、設定公共頭部publicheader.vue

"sign==0"

class
="head"
>
="headtext"
>測試1
<
/view>
<
/view>
"sign==1"
class
="head"
>
="headtext"
>
}<
/view>
<
/view>
"sign==2"
class
="head"
>
="headtext"
>
}<
/view>
<
/view>
<
/view>
<
/template>
export
default},
onload()
, props:
['sign'
,'parent'],
methods:
}<
/script>
.head
.headtext
<
/style>

="content"

>
測試內容<
/view>
這是乙個測試來自publicontent.vue<
/view>
<
/view>
<
/view>
<
/template>
export
default},
onload()
, methods:
}<
/script>
.content
<
/style>

"height:93vh;overflow-y: scroll;background: #ffffff;"

>
<
!-- 一級選單頭頭部呼叫 sign與publicheader裡sign對應，改變sign值可改變頭部樣式內容 --
>
"height: 64px;"
>
'1':parent=
'headtitles'
>
<
/publicheaderdiv>
<
/view>
"text-align: center;line-height: 35px;"
>測試江南嘉捷軍<
/view>
<
!-- 呼叫公共元件 --
>
<
/publicontentdiv>
<
/view>
<
/view>
<
/template>
import publicheaderdiv from
'@/pages/common/publicheader'
//引入
vue 用 js 呼叫公共元件
在 vue 專案中，對於公共元件的呼叫一般是 import 引入公共元件，然後在 components 中註冊元件，在頁面中以標籤的方式運用。import msg from msg export default 如果是用 js 呼叫呢？export default 實現 1 先寫好乙個元件 msg....
vue封裝svgIcon公共元件
1 在components新建common svgicon.vue 2 在src下新建assets image icons svg用於存放.svg檔案 3 在src下新建assets image icons index.js import vue from vue import svgicon fr...
vue 全域性注入公共元件
在我們開發中有時候需要大量復用某個元件時，我們需要在某個元件都引入一遍，非常麻煩，這時候我們可以全域性注入這些元件。common 元件 div template export default script style plugins檔案下面的components.js檔案 import vue fr...