5
Tôi muốn biết cách sắp xếp dòng mới khi xây dựng mẫu Vuejs tốt nhất. Mã tôi có như không hoạt động, vì nó phá vỡ vùng chứa JavaScript. Vue.js muốn tôi đưa toàn bộ html vào một dòng, điều này hơi không thực tế khi tôi định thêm nội dung chân trang.Vuejs thêm nhiều dòng vào một mẫu?
Vue.component('footer-component', {
template: "
<div id='footer'>
Footer Stuff
</div>"
})
new Vue({
el: 'footer'
})
Tôi đã cố gắng tìm các ví dụ về tạo mẫu HTML với Vue, nhưng tôi gặp khó khăn trong việc tìm kiếm chúng. Khi sử dụng React, tôi có thể viết mã HTML của mình qua nhiều dòng. Làm thế nào tôi có thể làm tương tự cho Vuejs?
Đây là cách rất phản ứng để xây dựng các thành phần. Bạn có thể muốn xem xét sử dụng các mẫu trang đơn (hoặc bộ tải-vue) nơi các mẫu js của bạn là
Dưới đây là một bài viết thú vị mà mô tả một số (7) Phương pháp xác định các mẫu thành phần vue:
7 Ways To Define A Component Template in Vue.js
Nó bao gồm các phương pháp nêu trên của việc sử dụng mẫu chữ, nhưng danh sách cũng lựa chọn khác để đối phó với các mẫu nhiều dòng như x-templates, mẫu nội tuyến, thành phần tệp đơn lẻ và thậm chí là JSX.
Tôi không phải là tác giả của bài viết đã nói (đó là Anthony Gore), nhưng mới cho vue và có cùng một câu hỏi về các mẫu nhiều dòng.
Nguồn
2017-10-26 07:07:57