Quá hay anh ơi!

@hieuhumg nếu bạn dùng flex chỉ để các cột ở cạnh nhau thôi thì có thể dùng thuộc tính display: table như trong ví dụ trên và nội dung bên trong đó bạn để display: table-cell thì nó sẽ tự động nằm cạnh nhau

@HuyDQ ồ thank bác, đúng thứ cần tìm, cái này làm dc vs flex k bác. Cảm ơn bác nhiều

@hieuhumg bạn có thế them khảo luôn ví dụ này nhé https://www.w3schools.com/howto/howto_css_equal_height.asp

Tức là khí kéo dãn màn hình thì nó vẫn tự co bằng nhau ấy bác, hiện tại co giãn nó bị lệch, hoặc khi dữ liệu 1 div nhiều hơn thì nó sẽ cao hơn

ngoài chỗ khai báo ở file app.js có .default (do laravel mix yêu cầu thế) đoạn khai báo my-component thì còn khác cái gì nữa đâu nhỉ

đúng rồi bạn, đã chạy watch rồi thì khi bạn thêm file .vue mới vào npm sẽ tự động build lại

đúng rồi bạn, có virtual host rồi thì ko cần php artisan serve nữa

Bạn setup network trên vmware như thế nào mà lại quét được vậy? Mình cài 1 cái Kali trên vmware, 1 cái nữa là cái DHANUSH này mà ko quét ra nhau đc

mình có sẵn folder laravel 5.8 rồi nên giờ chỉ nmp install + watch thôi nhỉ thằng watch này chạy xong , khi mình thêm file .vue hay làm gì nó tự update luôn nhỉ (theo như phần 1 bạn có ghi )

ý mình khác ở đây là cú pháp , và vài chỗ viết cũng khác, nên xem cùng lúc 2 cái loạn vãi Mình chạy virtual host thì ko cần cái artisan serve nhỉ

mình test trên cả 2 trình duyệt r bạn. đều ko đc.

Cập nhật phần này đi đại ca: max(a,b) = -min(a,b) => max(a,b)= -min(-a,-b)

Bạn check lại trong bài đoạn mình viết Bước cuối cùng là đưa thẻ này vào view Laravel bằng cách..... nhé!

Build production là khi bạn chạy npm run build để sinh ra code CSS và JS (đc lưu ở public), code này sẽ được tối ưu để lúc chạy trên trình duyệt cho hiệu quả tốt nhất.

Mình viết là viết cho Vue chạy với Laravel, bạn xem trên trang chủ của Vue thì đương nhiên phần Laravel sẽ không có nên bạn thấy khác. Nhưng nói chung thì cách dùng thì vẫn thế, vì Vue thì vẫn là Vue

Thứ tự setup Vue với Laravel:

• Tạo project Laravel.
• Chạy: composer require laravel/ui --dev
• Chạy: php artisan ui vue --auth (nếu không có login thì bỏ --auth)
• Chạy: npm install
• Cuối cùng là chạy npm run watch. Khi chạy watch không được tắt cửa sổ command.
• Chạy 1 cửa sổ command line khác câu lệnh sau: php artisan serve

Bạn nhớ check là đã có thẻ div id="app" bên trong đặt Vue component. Đồng thời cũng ở file blade đó bạn cần có thẻ <script src="/js/app.js" /> (mình chợt nhớ ra khả năng là bạn chưa đặt thẻ này )

@le.vinh.thien ,bạn thử truy cập 2 trang đó và dùng menu của 2 trang web đó thay đổi 1 page để xem truyện sẽ biết mình hỏi gì.

• Cho hỏi build production ở đây là như nào nhỉ ,thông thường mình làm xong toàn zip rồi up cả folder đó lên host nên lúc làm nặng bn lên host nó vẫn vậy mà
• Mình thấy docs vue với hướng dẫn của bạn có nhiều chỗ viết khá khác nhau , mà hiện tại đang xem cả 2 bên nên cũng loạn vãi
• Vậy thứ tự sẽ là: npm install để cài node module , xong khi chỉnh sửa , thêm file .vue thì chạy npm run watch để update lại thay đổi phải ko nhỉ , và khi chạy watch xong mình tắt cửa số cmd đi đc k hay phải để nguyên vậy mới thay đổi. Để ngồi mò lại xem bị sao

Chào bạn:

• Về folder node_modules, bạn check ở file package.json mục dependencies và devDependencies (nếu có), ở đó ghi các thư viện cần cho project của bạn. Khi bạn chạy npm install thì folder node_modules sinh ra, ở đó chứa toàn bộ các thư viện bạn đã định nghĩa ở package.json cộng thêm các thư viện liên quan (1 thư viện có thể cần dùng thêm 5-6-7 thư viện khác) và npm install sẽ tự động cài hết vào cho bạn. Đúng là folder này thường khá nặng 100-200Mb và nó buộc phải có. Nhưng bạn yên tâm là khi chạy thật, build production thì file cuối cùng sinh ra sẽ chỉ còn 1-2Mb thôi nhé (có thể nặng hơn chút tuỳ project)

• Về việc bạn dùng Vue bằng cách nhúng trực tiếp thẻ script vào file blade của Laravel. Điều này mình nghĩ là chỉ dành cho học tập thì được, còn khi code dự án thật thì KHÔNG NÊN nhé. Mình khuyến khích bạn vẫn chạy Vue với Laravel theo mặc định của Laravel (tức dùng npm install, npm run watch,....) vì như thế sau này bạn cài thêm các thư viện rất dễ, viết được code ở file .vue,...

• Việc bạn không chạy được project Vue trong Laravel dù đây chỉ là project Hello World, 96,69% là bạn đã sai ở bước nào đó , hoặc môi trường bạn cài đặt có lỗi (PHP, nodejs lỗi...). Bạn có thể setup ở 1 máy khác xem sao nhé.

@huy909 cái này chỉ là thẻ a và href thôi mà. :v

@le.vinh.thien ,thiên nghĩa là làm nó di chuyển sang trang web khác khi chọn 1 mục