使用Vue自定義元件出現的錯誤

2021-10-07 16:26:06 字數 486 閱讀 7782

​ 在使用vue的自定義元件的功能時,出現了乙個錯誤

vue.js:634 [vue warn]: unknown custom element: - did you register the component correctly? for recursive components, make sure to provide the "name" option.

​ **如下

​ 將建立vue物件和自定義元件的**交換以下即可,要先定義元件,再建立vue物件。

//自定義student標籤元件

vue.

component

("student",}

,//定義此元件的底層模板

template:

` }}}

} `})

;//建立vue物件

newvue()

;

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自定義元件的使用

新建乙個定義元件的js配置檔案 引入元件模組 import submit from submit 確認提交按鈕 import addimg from addimg 新增 import selectgroup from selectgroup 請假 import ordinarybtn from or...

Vue 自定義元件

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