el屬性和template屬性的關係

2021-10-08 20:25:18 字數 556 閱讀 3433

一、簡介:

本篇文章主要介紹el屬性和template屬性的關係: 一句話來概括,當el和template同時出現的時候,template中的**會替代el掛載的dom元素。

data: ,

template: `按鈕`

});

看例子:

1. 這是index.html中,el屬性掛載的dom元素:

2. 這是template的模板**:

最終瀏覽器的執行結果是:

由此可以驗證我開頭那句話,當el屬性和template屬性同時出現的時候,template屬性中的**會替代掉el屬性掛載的dom元素。

vue例項中的template屬性

將例項中template屬性值進行編譯,並將編譯後的dom替換掉vue例項繫結的元素,如果該vue例項繫結的元素中存在內容,這些內容會直接被覆蓋。特點 1 如果vue例項中有template屬性,會將該屬性值進行編譯,將編譯後的虛擬dom直接替換掉vue例項繫結的元素 即el繫結的那個元素 2 te...

EL取得action 屬性的原理

今天乙個哥們學習struts2,嘗試使用ognl,由於關聯性吧,就又跳到el上面,結果神奇的事情發生,他用el表示式從request域裡面居然拿到了action鐘的屬性,這個天崩地裂的,大家都知道struts2中存值物件都放在actioncontext中,如下圖 這幅截圖來自於sturts2 in ...

Vue 注釋template中元件的屬性

想注釋乙個元件的屬性,一直報錯 vue no parsing error parsing error unexpected character in attribute name 因為專案中引入了eslint plugin vue,對template有預設檢測,因此就直接修改.eslintrc.js...