Sử dụng mutations và actions trong vuex(P8)

Bài trước chúng ta đã được giới thiệu về state và getters bài hôm nay chúng t sẽ đi vào cách dùng của mutations và actions Mutation Ta thực hiện chức năng xóa 1 bài viết trong danh sách posts Post.vue <template> <div> <h1>Danh sách bài viết</h1> <ul> <li class="mt-2 d-flex justify-content-between" v-for="post in posts"......

Thiết lập vuex, sử dụng state và getters trong vuex(P7)

Ở bài trước mình đã giới thiệu sơ qua về vuex sang bài này mình sẽ đi chi tiết về cách dùng của state và getters Thiết lập sử dụng vuex Các bạn có thể xem chi tiêt tại đây Mình hướng dẫn thiết lập bằng npm, các bạn mở project chạy lệnh sau để......

Giới thiệu về vuex(P6)

Vuex là gì? Nếu bạn đã có cơ hội làm việc với bất kỳ thư viện hay framework Javascript nào thì có thể rằng đã nghe đến khái niệm store. Store được coi rằng là chìa khóa để có thể tạo nên các ứng dụng, trang web trong framework Javascript. Store cung cấp cho bạn......

Vue Class and Style Bindings(P5)

Nhu cầu phổ biến đối với liên kết dữ liệu là thao tác danh sách lớp của một phần tử và các kiểu nội tuyến của nó. Vì cả hai đều là thuộc tính nên chúng ta có thể sử dụng v-bind để xử lý chúng: chúng ta chỉ cần tính toán một chuỗi cuối......

Vue form input binding (P4)

Ở phần 2 chúng ta render ra được danh sách user. Vậy ta muốn thêm user mới vào danh sách users thì chúng ta tham khảo bài viết dưới đây Ta cần tìm biết về form input binding Mọi người có thể xem chi tiết tại đây Để có thể bind dữ liệu cho input......

Event Handling trong Vue (P3)

Như ở bài trước chúng ta đã render ra được list users. Bây giờ ta muốn thêm 1 user vào list user, làm như nào chúng t cùng đi vào tìm hiểu ở dưới đây. Event Handling Listen to Events Trong Vue.js chúng ta có thể dùng directive v-on để lắng nghe các sự kiện......

Vue render data(P2)

Bạn muốn hiển thị 1 danh sách dữ liệu, bạn không biết làm như nào. Hãy tham khảo bài viết dưới đây nó có thể giúp ích cho bạn. Bạn cũng có thể tham khảo ở document của vue Render data v-if Nếu ta muốn chỉ render ra từng block ở những điều kiện nhất......

VueJs cho người mới bắt đầu (P1)

Sau khi tạo được 1 dự án mới với Vue chúng ta cùng vào tìm hiểu rõ hơn về VueJs Nếu bạn nào chưa biết các tạo 1 dự án Vue mới tham khảo ở link sau 1. Vue instance lifecycle Khi tiếp cận bất kỳ framework nào, chúng ta đều cần phải hiểu rõ......

Composition API trong VueJS (P2)

1. Mở đầu Ở bài viết trước, mình đã giới thiệu cho các bạn về cách sử dụng Composition API trong VueJS 3x cũng như nhưng ưu điểm của nó so với mixin trước kia. Nếu bạn chưa đọc thì có thể xem lại tại đây. Còn ở phần này ta sẽ cùng nhau tìm......

Composition API trong VueJS (P1)

1. Mở đầu Trong hai bài viết gần đây, chúng ta đã cùng nhau tìm hiểu về mixin trong VueJS cũng như những hạn chế của tính năng này. Ở bài viết này, chúng ta sẽ cùng nhau tìm hiểu một tính năng mới trong VueJS phiên bản 3 và cách mà nó có thể......

Tìm hiểu về mixin trong VueJS (P2)

1. Mở đầu Ở phần trước của bài viết, chúng ta đã cùng nhau tìm hiểu xem mixin là gì, nó giúp chúng ta giải quyết điều gì cũng như cách sử dụng nó trong project của chúng ta. Trong bài viết ngày hôm nay, mình sẽ chia sẽ tiếp tục chia sẻ đến các......

Tìm hiểu về mixin trong VueJS (P1)

1. Mở đầu Trong các bài viết trước, chúng ta đã cùng nhau tìm hiểu về Props và Slot là gì cũng như cách sử dụng nó trong project VueJS. Để nối tiếp cho series tìm hiểu về VueJS thì hôm nay mình sẽ giới thiệu với các bạn về khai niệm Mixin. 2. Mixin......

Tìm hiểu về slot trong VueJS

1. Mở đầu Trong bài viết trước của serie về VueJS chúng ta đã cùng nhau tìm hiểu về props cũng như cách sử dụng nó. Còn ở bài viết này, chúng ta sẽ cùng nhau tìm hiểu về slot. 2. Slot a. Giới thiệu về slot Trong một ứng dụng VueJS, chắc hẳn bạn......

Tìm hiểu về prop trong VueJS

1. Mở đầu Trong bài viết trước, mình đã giới thiệu cho các bạn qua về props trong VueJS là gì, ở bài viết này chúng ta sẽ cùng nhau tìm hiểu rõ hơn về nó nhé. 2. Props a. Truyền props vào component Như các bạn đã biết thì ứng dụng VueJS của chúng......

Tìm hiểu về VueJS cơ bản (P2)

1. Mở đầu Chào mừng các bạn quay trở lại với part 2 của loạt bài viết Tìm hiểu về VueJS cơ bản. Nếu bạn chưa đọc part 1 thì có thể đọc lại tại đây. Còn nếu các bạn đã đọc trước đó rồi thì chúng ta hãy cùng nhau đến với part 2.......

Tìm hiểu về VueJS cơ bản (P1)

1. Mở đầu Gần đây do yêu cầu công việc nên mình có cơ hội được thử sức với VueJS. Theo mình thấy thì nếu bạn đã từng làm việc với ReactJS rồi thì khi chuyển qua code VueJS thì mọi thứ khá là giống nhau ở nhiều điểm nên bạn hoàn toàn có thể......

Xử lí sự kiện trong VueJS

Lời mở đầu Chào các bạn, mình đã quay trở lại rồi đây. Trong bài viết hôm nay, mình sẽ đề cập đến một vấn đề mà có lẽ là quan trọng nhất đối với một trang web, đó là “xử lí sự kiện”. Trong bài viết thứ 2 của series, mình đã có đề......

VueJS 2: Conditional Rendering (v-if và v-show)

Trong bài này chúng ta sẽ tìm hiểu một số directive có nhiệm vụ xử lý render theo điều kiện đó là v-if và v-show. Chắc hẳn bạn đã biết lệnh if else trong Javascript rồi phải không nào? Condition Rendering sẽ sử dụng nguyên tắc đúng thì render và sai thì không render như lệnh if else vậy.

...

VueJS 2: Binding Class và Binding Style

Trong bài này chúng ta sẽ tìm hiểu cơ chế ràng buộc dữ liệu (binding data) hay còn gọi là bind. Nó là một directive thể hiện sự ràng buộc giữa các thuộc tính của thẻ HTML như class, style và dữ liệu data trong Vue.

...

VueJS 2: Tìm hiểu Watchers

Trong bài này chúng ta sẽ tìm hiểu về Vue Watcher, đây là cách để bạn can thiệp vào những thay đổi của dữ liệu trong Vue. Ví dụ khi bạn xây dựng ứng dụng quản lý sinh viên và tại chứ năng sửa sinh viên bạn muốn mỗi khi tên của sinh viên bị thay đổi thì sẽ thực hiện gọi ngầm một tác vụ hiển thị log cho admin thì watcher rất cần thiết.

...