Sử dụng Navigation Guards trong vue-router
Vue Router cung cấp các hàm chặn điều hướng để kiểm soát hành vi chuyển trang giữa các route.
Navigation Guards toàn cục
Các hàm chặn toàn cục được gọi theo thứ tự khai báo khi có yêu cầu điều hướng. Hàm này hoạt động bất đồng bộ, trạng thái điều hướng sẽ bị tạm dừng cho đến khi tất cả các hàm được giải quyết.
// Khởi tạo router
const appRouter ...
Đăng vào ngày 8 tháng 6 lúc 01:34
Khởi tạo dự án Vue.js bằng Vue CLI
Vue.js không hỗ trợ Internet Explorer 8 do phụ thuộc vào các tính năng của ECMAScript 5 — những tính năng không thể mô phỏng trên IE8.
Công cụ dòng lệnh @vue/cli giúp thiết lập và phát triển ứng dụng Vue một cách nhanh chóng, chuẩn hóa và linh hoạt. Nó tích hợp sẵn Webpack, Babel, ESLint, và nhiều loader/plugin cần thiết để xử lý mã nguồn hiện ...
Đăng vào ngày 6 tháng 6 lúc 23:31
Kiến Trúc Hệ Thống Dịch Vụ Gia Đình Số Hóa Sử Dụng Spring Boot Và Vue.js
Giới thiệu tổng quan
Với tốc độ đô thị hóa gia tăng, nhu cầu về các dịch vụ hỗ trợ gia đình như dọn dẹp, chăm sóc trẻ em hay sửa chữa ngày càng cao. Các mô hình truyền thống thường gặp khó khăn trong việc kết nối cung-cầu do thiếu minh bạch thông tin và quy trình quản lý lạc hậu. Giải pháp là xây dựng một nền tảng web tích hợp, nơi người dùng c ...
Đăng vào ngày 5 tháng 6 lúc 17:12
Cấu Hình Danh Sách Trang Ứng Dụng trong Uni-App qua Tệp pages.json
Trong framework uni-app, mảng trang trong tệp pages.json xác định tập hợp màn hình chính của ứng dụng. Mỗi phần tử trong mảng là một đối tượng chứa hai thuộc tính cốt lõi:
Tham số
Kiểu dữ liệu
Giá trị mặc định
Mô tả
duongDan
Chuỗi
Xác định đường dẫn file Vue
...
Đăng vào ngày 1 tháng 6 lúc 11:19
Thiết lập Mock API trong Dự án Vue với Mock.js và Axios
Để phát triển frontend độc lập mà không phụ thuộc vào backend, việc mô phỏng dữ liệu API là một kỹ thuật thiết yếu. Bài viết này trình bày cách tích hợp Mock.js vào dự án Vue (phiên bản CLI 4/5) kết hợp với axios để giả lập các endpoint HTTP như GET và POST.
1. Khởi tạo dự án
Sử dụng giao diện đồ họa Vue CLI để tạo dự án mới:
vue ui
Sau đó chọ ...
Đăng vào ngày 28 tháng 5 lúc 02:32
Cú pháp cơ bản của Vue.js
Vue.js là một framework frontend theo mô hình MVVM, cho phép phát triển ứng dụng web một cách linh hoạt và từng bước. Các tính năng cốt lõi bao gồm:
Hiển thị dữ liệu khai báo (Declarative Rendering)
Hệ thống thành phần (Components)
Định tuyến phía client với Vue Router
Quản lý trạng thái quy mô lớn qua Vuex
Công cụ xây dựng như Webpa ...
Đăng vào ngày 22 tháng 5 lúc 19:01
Hệ thống phát hiện và đánh dấu khác biệt ảnh với Spring Boot và Flask
Phát hiện và đánh dấu các điểm khác biệt giữa hai ảnh là chức năng cốt lõi của hệ thống. Người dùng tải lên hai ảnh (mẫu và mẫu thử) qua giao diện web, hệ thống xử lý bằng thuật toán phân tích hình ảnh, tạo ảnh kết quả với các khu vực khác biệt được đánh dấu bằng vòng tròn đỏ. Kết quả được lưu trữ trên Alibaba Cloud OSS và hiển thị trực tiếp t ...
Đăng vào ngày 22 tháng 5 lúc 09:24
Ứng dụng toán tử trải rộng trong JavaScript với Vue và RuoYi
Toán tử trải rộng (Spread Operator) — ký hiệu bằng ba dấu chấm ... — là một tính năng mạnh mẽ trong JavaScript, cho phép giải nén các cấu trúc lặp được (như mảng, chuỗi, hoặc đối tượng) thành các phần tử riêng biệt. Trong các dự án sử dụng framework Vue kết hợp hệ thống quản trị RuoYi, toán tử này thường xuất hiện khi xử lý tham số API, sao ché ...
Đăng vào ngày 20 tháng 5 lúc 05:24
Cách thiết lập và sử dụng Vue Router trong ứng dụng Vue.js
Để tích hợp hệ thống điều hướng vào ứng dụng Vue.js, cần thực hiện một chuỗi các bước cấu hình cơ bản. Dưới đây là hướng dẫn chi tiết với cách triển khai hiện đại và rõ ràng hơn.
1. Nhúng thư viện vue-router
Thêm tệp vue-router vào dự án thông qua thẻ <script>:
<script src="https://unpkg.com/vue-router@3.5.3/dist/vue-router.js">< ...
Đăng vào ngày 19 tháng 5 lúc 15:23
Thiết Kế và Xây Dựng Hệ Thống Mạng Xã hội Trực tuyến với Spring Boot và Vue.js
Tổng Quan Về Hệ Thống
Việc phát triển các nền tảng mạng xã hội hiện đại đòi hỏi một kiến trúc mạnh mẽ, khả năng mở rộng cao và trải nghiệm người dùng mượt mà. Bài viết này trình bày quy trình thiết kế và triển khai một hệ thống mạng xã hội dựa trên sự kết hợp giữa Spring Boot cho phía máy chủ (backend) và Vue.js cho phía khách hàng (frontend). ...
Đăng vào ngày 18 tháng 5 lúc 11:51