Rumah > hujung hadapan web > View.js > Apakah kegunaan vuejs el

Apakah kegunaan vuejs el

青灯夜游
Lepaskan: 2021-09-18 17:58:43
asal
3270 orang telah melayarinya

Dalam vuejs, fungsi el adalah untuk menentukan sasaran pemasangan tika Vue, dan menyediakan elemen DOM yang sudah wujud pada halaman sebagai sasaran pelekap tika Vue selepas tika itu dipasang, elemen itu boleh Gunakan "vm.$el" untuk mengakses.

Apakah kegunaan vuejs el

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Dalam dokumen API rasmi vue, el mempunyai perihalan berikut:

https://cn.vuejs.org/v2/api/#el

el, yang digunakan untuk menentukan sasaran pemasangan tika Vue. Kami menumpukan pada dua bahagian tanda seru merah di atas Untuk meringkaskan:

Jika terdapat fungsi pemaparan atau atribut templat, elemen yang dipasang akan digantikan dengan DOM yang dijana oleh Vue, sebaliknya, HTML di mana elemen yang dipasang itu berada akan diekstrak dan digunakan Templat

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <div id="ppp"></div>
  </body>
</html>
Salin selepas log masuk
Contoh 1: DOM yang diberikan oleh fungsi render menggantikan

new Vue({
  el: &#39;#ppp&#39;,
  router,
  store, 
  render: h => h(App)
})
Salin selepas log masuk

Contoh 2: Penggantian templat rentetan

new Vue({
  el: &#39;#ppp&#39;,
  router,
  components: { App },
  template: &#39;<App/>&#39;
})
Salin selepas log masuk

Contoh 3: Manual Fungsi pemaparan dan atribut templat dipasang dan tidak wujud

new Vue({
  router,
  store,
}).$mount(&#39;#ppp&#39;)
Salin selepas log masuk

Cadangan berkaitan: "

Tutorial vue.js"

Atas ialah kandungan terperinci Apakah kegunaan vuejs el. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan