在html檔案中建立並呼叫vue元件的方法

2022-01-09 22:19:54 字數 842 閱讀 8102

最近在寫專案的時候,總是遇到在html中使用vue.js的情況,且頁面邏輯較多,之前的專案經驗都是使用腳手架等已有的專案架構,使用.vue檔案完成元件註冊,及元件之間的呼叫,還沒有過在html中建立元件的經驗,所以藉此機會學習總結一下。

// 借用官網的例子,小小改動了一下

// 在父元件中,建立乙個子元件,並呼叫

補充說明一下is屬性:

有些 html 元素,諸如 ul、ol、table 和 select,對於可以出現在其內部元素是有嚴格限制的。而有些元素,諸如 li、tr 和 option,只能出現在特定的元素內部。這會導致我們使用這些有約束條件的元素時遇到一些問題。例如

這個自定義元件 會被作為無效的內容提公升到外部,並導致最終渲染結果出錯。幸好這個特殊的 is attribute 給了我們乙個變通的辦法:

html 在html檔案中迴圈遍歷陣列並展示(2)

用html檔案實現乙個簡單的遍歷陣列並輸出到頁面上面 doctype html html lang en head meta charset utf 8 meta name viewport content width device width,initial scale 1.0 title htm...

在SQL PLUS中建立 呼叫函式

定義函式 create or replace function f jf panylist tradeid in varchar2 return varchar2 isstr return varchar2 2000 cursor c tradeid v tradeid varchar2 issel...

在django中引用html檔案

使用記事本或者idea寫好乙個html檔案 pycharm 命令提示符 在命令提示符中使用以下 建立完成後,將自己寫好的html檔案複製到該資料夾內,這裡我使用的html檔名為creat 如下 def hello request return render request,creat.html 如下...