Apakah tiga cara untuk lulus parameter dalam Vue?

Terdapat tiga cara untuk menghantar parameter dalam Vue: 1. Gunakan atribut nama laluan untuk lulus parameter dan terima parameter melalui "$route.name"; -pautan; 3. Gunakan laluan untuk memadankan komponen penghalaan dan url untuk lulus parameter.

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

Kaedah pertama: gunakan nama untuk lulus

Nama muncul semasa mengkonfigurasi penghalaan sebelum ini, tetapi saya tidak tahu apa kegunaan khususnya is. , yang boleh digunakan untuk menghantar parameter dalam penghalaan. Tulis nama laluan dalam index.js

Terima parameter:

Tambah

<p>我是router-name:{{$route.name}}</p>

Sebagai contoh, apa yang saya terima di sini adalah dalam APP.vue. Saya harap saya dapat melihat parameter apabila menukar setiap halaman.

Lihat hasilnya:

Tetapi kaedah ini tidak biasa digunakan kerana kami fikir ia tidak begitu teratur .

Kedua: Gunakan atribut to dalam pautan penghala

Gunakan pautan ke dalam penghala untuk menghantar parameter, lihat sintaks:

<router-link v-bind:to="{name:&#39;xxx&#39;,params:{key:value}}"></router-link>

A. nama diambil;

d.

Amalkan secara praktikal:

a. tambah di hadapan Tanda titik bertindih tiada kerana ia terikat Lulus nama pengguna dan nilainya ialah tomcat

b Dalam index.js, konfigurasikan hellovue dengan nama hellovue, yang sepadan dengan nama di atas

<.>

c. Terima parameter dalam hellovue.vue

<router-link :to="{name:&#39;hellovue&#39;,params:{username:&#39;tomcat&#39;}}">hellovue页面</router-link>

dan lihat hasilnya:

 <p>传递的名字是：{{$route.params.username}}</p>

Kaedah ketiga: Gunakan laluan untuk memadankan komponen penghalaan, gunakan url untuk lulus parameter

Paskan parameter dalam bentuk titik bertindih dalam fail penghalaan, ini adalah pengikatan daripada parameter

a. Ubah suai laluan dalam index.js Di sini kami mengubah suai komponen myjob.vue

b komponen

c. Paparkan kandungan yang ingin kami paparkan dalam komponen myjob.vue (menerima parameter)

d. Lihat hasil

Cadangan berkaitan: "

tutorial vue.js"

Atas ialah kandungan terperinci Apakah tiga cara untuk lulus parameter dalam Vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!