vue中的el選項是在掛載vue實例到DOM上的時候所使用的。它是一個字符串,它的值代表DOM元素的選擇器,vue實例將會掛載到這個DOM元素上。
el選項可以直接在實例配置中被使用:
var vm = new Vue({
el: '#app'
});
上面的例子中,我們指定了el選項為"#app",它將會把vue實例掛載到id為"app"的DOM元素上。
如果我們使用el選項,但是所選的DOM元素不存在,那么Vue會拋出一個警告。這個警告并不會導致應用崩潰,但是我們應該盡量確保所選的DOM元素是存在的,這樣才能保證Vue實例正常運行。
el選項支持的值有:
- 字符串類型:'#example'或'.example'
- DOM元素:document.getElementById('example')或document.querySelector('.example')
如果一個Vue實例被掛載到了某個DOM元素上,那么這個DOM元素內部的所有HTML將會被Vue編譯成渲染函數,并和Vue實例進行綁定。這個過程中,Vue會自動感知到HTML上的所有指令和插值,并在渲染函數中按照Vue的設計進行渲染。
上一篇python 綁定回車鍵
下一篇vue el 理解