Vue涓殑 el 鍜?mount 鎸傝浇

Posted 2020-11-19

鏍囩锛?a href='http://www.mamicode.com/so/1/%e6%93%8d%e4%bd%9c' title='鎿嶄綔'>鎿嶄綔   code   妯℃澘   浣跨敤   鐩殑   鏂瑰紡   瀵硅薄   閫夋嫨   鏁堟灉   

鍦╲ue瀵硅薄涓粦瀹氬潡鍏冪礌涓ょ鏂瑰紡锛堣彍楦熸暀绋嬫祴璇曪級锛?br/>1.閫氳繃 vue 瀵硅薄涓０鏄?el 灞炴€х粦瀹氭搷浣滃潡鍏冪礌閫夋嫨鍣?/p>

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

<script>
new Vue({
  el :鈥?app鈥?  data: {
    message: 鈥楬ello Vue.js!鈥?
      good:鈥榯his ia a el test鈥?  }
})
</script>

2.閫氳繃鍦╲ue瀵硅薄鍚庨潰.$mount(鈥橀€夋嫨鍣ㄢ€?缁戝畾鎿嶄綔鍧楀厓绱?/p>

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

<script>
new Vue({
  data: {
    message: 鈥楬ello Vue.js!鈥?
      good:鈥榯his ia a mount test鈥?  }
}).$mount(鈥?app鈥?
</script>

浜岃€呬粠浣跨敤鏁堟灉涓婃病鏈夊尯鍒紝鐩殑閮芥槸灏唙ue瀹炰緥鍖栫殑瀵硅薄鎸傝浇鍒癉OM鍏冪礌涓婏紱鎸囧畾el锛屽湪妯℃澘娓叉煋鐨勬椂鍊欎細灏嗗璞℃覆鏌撳埌妯℃澘涓紝濡傛灉鏈寚瀹氾紝vue瀵硅薄灞炰簬鈥樻湭鎸傝浇鈥欑姸鎬侊紝闇€瑕佹墜鍔ㄦ寚瀹氭寕杞斤紝鍦ㄥ璞″悗闈?.$mount()鍔犱笂dom鍏冪礌