Bài 1: Tạo ứng dụng hello world trong vuejs

1. Thêm thư viện vuejs

- Bạn có thể sử dụng website này: https://jsfiddle.net/ để code các ứng dụng cơ bản.
- Trong quá trình code chúng ta sử dụng phiên bản dev này: https://cdn.jsdelivr.net/npm/vue/dist/vue.js

2. Code ở file html

- Ở file .html bạn thêm thư viện như sau:

- Tôi tạo tiếp một thẻ div trong đó chứa thẻ p để hiện thị thông tin hello world như sau:

3. Code ở file javascript

- Ở file .js tôi tạo một đối tượng Vuejs như sau

+ cú pháp tạo đối tương Vuejs: new Vue
+ thuộc tính el: trỏ tới id ở trên thẻ div (để thao tác với DOM - điều khiển thẻ này)
+ thuộc tính data - chứa title - chứa thông tin muốn hiển thị

4. Kết quả

- Hiển thị text: Hello Vue JS

Happy coding!

thelam92