Install VueJS

VueJS

1. Cần nắm một vài kiê thức cơ bản về ES6 (có thể hiểu ES6 như một phiên bản js)

– https://viblo.asia/p/ecmascript-es6-la-gi-overview-es6-gAm5y9RA5db.

2. Hiểu về component: Để tạo ra một trang web bạn sẽ cần có nhiều component gộp lại (giống như khi chơi xếp hình, để có được một mô hình hoàn chỉnh (web) cần có nhiều mảnh ghép (component))
3. Hiểu về props và state:

+ Props:

– Là “dữ liệu” là cách để bạn có thể truyền dữ liệu từ component cha xuống component con.

– Không nên thay đổi – hay không thể thay đổi được prop ở component con.

– Có thể hiểu như này, bạn (component con) sẽ được bố mẹ (component cha) đặt tên là Phương (Phương – dữ liệu được bố mẹ truyền cho ông) và Phương không nên đổi tên của Phương.

– Khi nào bạn cần truyền dữ liệu từ component cha xuống component con, lúc đó cần sử dụng Props.

+ State:

– Là “dữ liệu” của chính thằng component đó (có thể thao tác và thay đổi được với state).

– Ví dụ tiếp với Phương (component). Phương có hành động và suy nghĩ (component có state là hành động và suy nghĩ) hành động và suy nghĩ của Phương thì sẽ thay đổi được.

– Bất cứ khi nào dữ liệu trong một component cần thay đổi, State có thể được sử dụng.

https://vntalking.com/react-native-phan-biet-props-va-state-don-gian-de-hieu.html

4. Biết thêm về cách thực hiện HTTP request

I. Cài đặt

1. Dùng thẻ <script>

<script src=”https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js”></script>

2. Dùng NPM (xây dựng một app lớn)
   • npm install vue

3. Dùng CLI*

https://github.com/vuejs-templates/webpack

• Windows
  • npm install -g @vue/cli
  • vue init webpack my-project
  • cd my-project
• Linux
  • sudo npm install -g @vue/cli@latest
  • vue init webpack my-project
  • cd my-project

Trong quá trình cài đặt có thể xuất hiện một số lỗi như sau:

1. Windows

firebase : File C:\Users\zin\AppData\Roaming\npm\firebase.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170. At line:1 char:1

firebase + CategoryInfo : SecurityError: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess

Giải quyết: chạy lệnh

• Set-ExecutionPolicy RemoteSigned

https://stackoverflow.com/questions/57673913/vsc-powershell-after-npm-updating-packages-ps1-cannot-be-loaded-because-runnin

Lưu ý: để dùng cách 2 và cách 3 phải cài đặt Nodejs à npm

• Install NodeJS: https://nodejs.org/en/download/
• Install npm: https://www.npmjs.com/get-npm