vue入門學習2 在模板例程裡新增乙個元件

2021-10-01 12:08:08 字數 1286 閱讀 5457

vue入門學習2-在模板例程裡新增乙個元件

// the vue build version to load with the `import` command

// (runtime-only or standalone) has been set in webpack.base.conf with an alias.

import vue from

'vue'

import router from

'./router'

vue.config.productiontip =

false

/* eslint-disable no-new */

newvue

()

在 src/components目錄下編寫 employeetable.vue 元件檔案。我直接從參考**拷貝 _:

src/components/employeetable.vue:

"employee-table"

>

employee name<

/th>

employee email<

/th>

<

/tr>

<

/thead>

richard hendricks<

/td>

[email protected]<

/td>

<

/tr>

bertram gilfoyle<

/td>

[email protected]<

/td>

<

/tr>

dinesh chugtai<

/td>

[email protected]<

/td>

<

/tr>

<

/tbody>

<

/table>

<

/div>

<

/template>

export

default

<

/script>

<

/style>在主元件檔案的模板部分使用新增元件

先關閉eslint,否則因為編譯執行嚴格的檢查,會報各種不必要的錯誤。

編輯config/index.js把 useeslint: true 改為: useeslint: false

npm run dev

Vue2 X的入門學習

由於前幾天跟那位技術聊了一會,深感自己目前所學知識的淺薄以及實戰經驗的缺失。今天初步了解了一下前端的vue.js 時間不長,只是看了一些基本內容,肯定也是做不了什麼大專案的,這裡回憶一下所學知識。1.引入vue 此處利用script直接引用,另外呢,vue官網是給了很多教程的,對新手是很友好的 官網...

模板學習(2) 類模板

模板的作用我們已經知道了,類模板的作用就是建立乙個可以公用的類,這個類模板裡面的成員及其資料型別不用制定,同樣是由乙個虛擬的型別來表示的。類模板中的資料成員以及成員函式的引數和返回值都可以進行任意資料型別的選擇,乙個類模板定義好之後,可以減少定義宣告符合該模板的類的數量。類的使用如下 templat...

在vscode裡新增vue模板

vscode中寫vue中時有個問題,每次生成新的vue檔案之後都需要把輸入一些相同的 所以想著有沒有一些快捷鍵可以像直接 tab直接生成html模板一樣生成一些vue 片段。經過一些搜尋可以實現,故此記錄一下。英文好的大致可以看出來這個檔案要怎麼寫,我大致解釋一下 不想看解釋的話可以直接複製下面的 ...