Vue中的el和mount掛載

在vue對象中綁定塊元素兩種方式（菜鳥教程測試）：
1.通過 vue 對象中聲明 el 屬性綁定操作塊元素選擇器

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對外擴展宣傳的重要窗口，一個合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺，成都創(chuàng)新互聯(lián)公司面向各種領域：成都發(fā)電機維修等網(wǎng)站設計、成都營銷網(wǎng)站建設解決方案、網(wǎng)站設計等建站排名服務。

<div id="app">
  <p>{{ message }}</p>
    <p>{{ good }} </p>
</div>

<script>
new Vue({
  el :'#app'
  data: {
    message: 'Hello Vue.js!',
      good:'this ia a el test'
  }
})
</script>

2.通過在vue對象后面.$mount('選擇器')綁定操作塊元素

<div id="app">
  <p>{{ message }}</p>
    <p>{{ good }} </p>
</div>

<script>
new Vue({
  data: {
    message: 'Hello Vue.js!',
      good:'this ia a mount test'
  }
}).$mount('#app')
</script>

二者從使用效果上沒有區(qū)別，目的都是將vue實例化的對象掛載到DOM元素上；指定el，在模板渲染的時候會將對象渲染到模板中，如果未指定，vue對象屬于‘未掛載’狀態(tài)，需要手動指定掛載，在對象后面 .$mount()加上dom元素。

3.后面掛上Vue生命周期圖：

注意別和鉤子mounted搞混淆了,mount相當于選擇器的掛載,mounted是在vue對象加載DOM文件之前需要干的事情寫在里面.

名稱欄目：Vue中的el和mount掛載
分享鏈接：http://muchs.cn/article18/ghijgp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供、虛擬主機、域名注冊、服務器托管、全網(wǎng)營銷推廣、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)