簡單說說vue中的el屬性

2021-10-17 08:28:02 字數 577 閱讀 2142

每個vue2.0專案中我們都會看到入口檔案(即main.js)中,在生成根例項時會配置el屬性,而我們自己建立的元件中則不能配置該屬性,下面引用了官方文件中對el屬性的說明:

簡單來說el的作用就是表明我們要將當前vue元件生成的例項插入到頁面的哪個元素中,el屬性的值可以是css選擇器的字串,或者直接就是對應的元素物件。並且只能在使用new生成例項時才能配置el屬性,而我們在元件中只是export乙個配置物件,如果設定了el則會報錯。

// 錯誤使用方式,在元件中設定el

// 提示錯誤: [vue warn]: option "el" can only be used during instance creation with the `new` keyword.

export default

// 正確寫法

var vm = new vue()

我們再看看專案中的index.html。

列印vm.$el,會發現例項已經被掛載到el對於的元素中:

簡單說說 angularJs 中的 MVC

mvc 是一種物件導向軟體設計的模式,設計都餓使用目的就是為了 減少軟體日益增長的複雜度,使軟體的可維護性 可復用性得到提高 mvc的設計側重於 圖形使用者介面,比如說 office qq等這些桌面應用程式。或者是基於瀏覽器的網咯應用,這些都需要大量的視窗 選單。文字類與使用者進行互動。sss m ...

簡單說說vue過濾器filter

for item in list key item.name class text item name region div 必須在建立 vue 例項之前全域性定義過濾器 vue.filter lower function msg main for item in list key item.nam...

簡單說說U boot的修改

sdram 32mbytes ncs1 flash 8mbytes ncs0 涉及到的檔案有四個 common.h flash.c flash.h board at91rm9200dk config.mk 以下簡單的說說。一 首先讀讀uboot自帶的readme檔案,了解了乙個大概。二 看看comm...