Cách Sử Dụng Cú Pháp Sugar Script Setup Trong Vue 3.x
Cú pháp sugar script setup trong Vue 3.x giúp giảm bớt sự phức tạp của Composition API ban đầu. Dưới đây là một số cách sử dụng phổ biến:
Bắt Đầu Sử Dụng Script Setup
Tắt plugin vetur và cài đặt plugin Volar.
Trong file tsconfig.json hoặc jsconfig.json, thêm các tùy chọn sau vào phần compilerOptions: "strict": true và "moduleResolution": "nod ...
Đăng vào ngày 24 tháng 6 lúc 10:08
FastCrud: Giải pháp cách mạng cho phát triển CRUD doanh nghiệp trong kỷ nguyên Vue3
Hiệu suất phát triển vượt trội cho ứng dụng doanh nghiệp
Trong môi trường phát triển phần mềm hiện đại, việc xây dựng ứng dụng doanh nghiệp đối mặt với thách thức về hiệu suất và chất lượng. FastCrud ra đời như một giải pháp đột phá, áp dụng mô hình phát triển hướng cấu hình để tối ưu hóa quy trình phát triển CRUD truyền thống.
Hiệu quả phát t ...
Đăng vào ngày 23 tháng 6 lúc 17:29
Cách định nghĩa component và sử dụng các directive phổ biến trong Vue 3
Trong Vue 3, bạn có thể khai báo component thông qua hàm defineComponent để tận dụng hỗ trợ kiểu và IntelliSense tốt hơn.
import { defineComponent } from 'vue';
export default defineComponent({
name: 'AlertBox',
props: {
content: {
type: String,
required: true
}
},
setup(props) {
const triggerAlert = () => {
...
Đăng vào ngày 22 tháng 6 lúc 21:07
Hướng dẫn dự án Vue3 TypeScript Cesium Hiển thị Bản đồ
Giới thiệu dự án Vue3 TypeScript Cesium Hiển thị Bản đồ
Vue3 TypeScript Cesium Hiển thị Bản đồ là một dự án front-end sử dụng Vue 3, TypeScript và thư viện GIS mã nguồn mở Cesium, nhằm mục đích thực hiện các chức năng hình ảnh hóa 3D, thành phố số và bản số孪. Dự án kết hợp hiệu ứng WebGL từ các bản đồ phổ biến, hoàn toàn mở nguồn, và có thể ...
Đăng vào ngày 20 tháng 6 lúc 11:46
Milkup: Trình soạn thảo Markdown với AI gợi ý và render tức thì
Xin chào, mình là Darius. Trước đây mình đã giới thiệu một trình soạn thảo Markdown mã nguồn mở dành cho desktop — Milkup — từng tuyên bố sẽ "vượt mặt Typora". Bài viết đó đã thu hút hơn 160.000 lượt xem và 12.000+ người theo dõi, giúp dự án đạt hơn 600 sao trên GitHub.
Từ đó đến nay, nhóm Auto-Plugin đã liên tục cải tiến Milkup, biến nó thành ...
Đăng vào ngày 13 tháng 6 lúc 16:55
Kết hợp Vue3 và Spring Security với JWT để thực hiện xác thực đăng nhập
Mục lục
Frontend:
Database:
Backend:
Chạy ứng dụng:
Trong thời gian gần đây, tôi đã viết một bài hướng dẫn chi tiết về Spring Security, nhưng chưa áp dụng vào thực tế.
Vì vậy, lần này sẽ trình bày cách sử dụng Spring Security để thực hiện xác thực đăng nhập trong một dự án thực tế. Trong ví dụ này, chúng ta sẽ sử dụng mô hình phát triển tách bi ...
Đăng vào ngày 13 tháng 6 lúc 06:06
Hệ thống gợi ý sách sử dụng thuật toán lọc cộng tác với SpringBoot, Vue3 và MyBatis
Tóm tắt
Trong thời đại phát triển nhanh chóng của công nghệ thông tin, hệ thống gợi ý cá nhân hóa đã đóng vai trò quan trọng trong thương mại điện tử, giáo dục trực tuyến và đọc kỹ thuật số. Phương pháp gợi ý sách truyền thống thường dựa trên hành vi lịch sử của người dùng hoặc các nhãn phân loại đơn giản, không đáp ứng được nhu cầu về gợi ý ch ...
Đăng vào ngày 12 tháng 6 lúc 05:45
Thực hiện nhiệm vụ trực quan hóa bằng Vue và ECharts
Nhiệm vụ 1: Tạo biểu đồ cột hiển thị 5 tỉnh có doanh thu cao nhất năm 2020
(1) Đặt vấn đề
Viết ứng dụng Vue, kết nối API để hiển thị biểu đồ cột 5 tỉnh có doanh thu cao nhất năm 2020. Đồng thời in ra cấu trúc dữ liệu sử dụng trong biểu đồ tại console trình duyệt. Lưu lại hình ảnh kết quả biểu đồ và nội dung console để đưa vào báo cáo.
(2) Chu ...
Đăng vào ngày 9 tháng 6 lúc 00:38
Xây dựng bảng (Table) có header cố định và trạng thái rỗng trong Vue 3 với DeepSeek
Trong bài viết này, chúng ta sẽ triển khai một bảng dữ liệu với header cố định và giao diện trạng thái rỗng tùy chỉnh trong Vue 3. Đây là một phần trong chuỗi bài hướng dẫn xây dựng hệ thống bảng dữ liệu hoàn chỉnh.
Giao diện hoàn chỉnh
Mã nguồn component
<!-- TableView14_10.vue -->
<template>
<div class="table-demo">
...
Đăng vào ngày 8 tháng 6 lúc 18:22
Cách tích hợp Font Awesome vào Vue 3 với Composition API
Việc quản lý icon trong dự án Vue 3 thường gây phiền toái: thư viện cồng kềnh, logic rối rắm, hiệu năng kém. Bài viết này hướng dẫn bạn xây dựng hệ thống icon gọn nhẹ bằng Font Awesome kết hợp Composition API — từ tích hợp đến tối ưu hiệu suất.
Cấu trúc Font Awesome cơ bản
Font Awesome v7 cung cấp nhiều định dạng icon: SVG, font chữ và CSS. Cá ...
Đăng vào ngày 8 tháng 6 lúc 17:30