IPMS FrontEnd Flow

Giải thích các thành phần

⁠

Vuex Store là hạch tâm của toàn bộ chương trình (tương ứng với file store.js trong source code)

Thành phần:

State: tương tự như các biến global, có thể gọi được ở tất cả các page và component

Action: tương tự như các funtion global

Mutation: tương tự như các computed tính toán global

Cách gọi:

State: store.state hoặc this.state (đối với trang *.vue)

Action: dispatch(function name) hoặc this.function (đối với trang *.vue)

Mutation: commit (function name) hoặc this.commit(function name) (đối với trang *.vue)

Component page: là giao diện các trang trong website

Thành phần mỗi trang:

Data: nơi khai báo các biến local dùng nội bộ trong 1 trang

Template: nơi chứa code giao diện html, ....

Method: nơi chứa các function local

Computed: nơi chứa các tính toán local, thường trả về giá trị true/false

Component: nơi chứa khai báo các component page khác

Mounted: nơi chứa code khi lần đầu page được render

Style: nơi chứa code css global. Có thể gọi lại các class trong phần này ở bất cứ component page khác

2. Giải thích source code

⁠

Giải thích các function đã được comment trong source code

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.