vue自定義元件的使用

2021-09-11 02:57:50 字數 1108 閱讀 4031

新建乙個定義元件的js配置檔案

//引入元件模組


import submit from './submit' //確認提交按鈕


import addimg from './addimg' //新增


import selectgroup from './selectgroup' //請假


import ordinarybtn from './ordinarybtn' //普通按鈕


import textarea from './textarea' //textarea


import textinput from './textinput' //input


import choosedate from './choosedate' //時間選擇


import addotherfiles from './addotherfiles' //新增附件


import actionsheet from './actionsheet' //actionsheet


import groupchoosedate from './groupchoosedate' //組合日期


import grouptextarea from './grouptextarea' //組合文字框


import group from './group' //組合元件


import groupinput from './groupinput'


import groupselect from './groupselect'


//儲存引入的元件,用於註冊元件


group,groupinput,groupselect];


const compontents = )


}};export default compontents
在main.js中註冊元件全域性使用

//引入自定義元件


import subgroup from './components/subgroup'//或者 import subgroup from './components/subgroup/index.js'


vue.use(subgroup);

vue 使用自定義元件

新建專案，ctrl r進入cmd，切換至工作目錄 c users asus f f cd study f study cd vue f study vue cd demo 安裝 vue cli npm install g vue cli?target directory exists.continu...

Vue 自定義元件

元件 component 是vue.js 最強大的功能。元件可以封裝可重用的 通過傳入物件的不同，實現元件的復用，但元件傳值就成為乙個需要解決的問題。父元件向子元件傳值 元件例項的作用域是孤立的。這意味著不能在子元件的模板內直接引用父元件的資料。要讓子元件使用父元件的資料，我們需要通過子元件的 pr...

Vue 自定義元件

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