Chỉ thị Vue v-pre
Ví dụ
Sử dụng lệnh v-pre
để ngăn việc biên dịch phần tử <p>
.
<img v-bind:src="imgUrl[imgIndex]">
<p v-pre>Img src: '{{ imgUrl[imgIndex] }}' <strong>(Not compiled)</strong></p>
<p>Img src: '{{ imgUrl[imgIndex] }}' <strong>(Compiled version)</strong></p>
<button v-on:click="changeImg">Change image</button>
Chạy ví dụ »Định nghĩa và cách sử dụng
Lệnh v-pre
bỏ qua quá trình biên dịch cho phần tử này và tất cả các phần tử con của nó.
Lệnh v-pre
có thể được sử dụng để hiển thị mã Vue thô, như dấu ngoặc nhọn {{ }}
.
Trang liên quan
Hướng dẫn Vue: Chỉ thị Vue v-bind
Hướng dẫn Vue: Chỉ thị Vue v-on
Hướng dẫn Vue: Phương thức Vue
Tham chiếu HTML: Thẻ HTML <pre>