Tác giả Chủ đề: [Căn bản] Tạo ứng dụng "Hello World" với front-end framework VueJS  (Đọc 1432 lần)

0 Thành viên và 1 Khách đang xem chủ đề.

Online admin

  • Administrator
  • Trung tướng
  • *****
  • Điểm yêu thích +105/-0
  • Giới tính: Nam
  • Học, học nữa, học mãi
    • Diễn đàn Nhật Bản
  • Paypal Account: admin@diendannhatban.info
[Căn bản] Tạo ứng dụng "Hello World" với front-end framework VueJS
« vào lúc: Chủ nhật, 20/05/2018, 11:23:13 pm »
Mục tiêu:
- Trả lời câu hỏi Vuejs là gì?
- Tạo ứng dụng Vuejs đơn giản

1 Vuejs là gì? tham khảo thêm Bạn không thể xem liên kết này. Đăng ký hoặc Đăng nhập


Vue (phát âm / vjuː / hay là / viu /) là một front-end framework để phát triển ứng dụng web. Không giống như các front-end framework khác, Vue được thiết kế rất đơn giản và dễ hiểu từ cấp thấp đến cao. Thư viện cốt lõi chỉ tập trung vào phần View nên dễ dàng tích hợp với các thư viện khác hoặc các dự án hiện có. Mặt khác, Vue cũng hoàn toàn có khả năng cung cấp các ứng dụng phức tạp hơn khi sử dụng kết hợp với các công cụ hiện đại và thư viện hỗ trợ bên ngoài.

2. Tạo ứng dụng Vuejs đơn giản


Cách dễ nhất để thử Vue.js là sử dụng ví dụ JSFiddle Hello World. Hoặc, bạn có thể tạo tệp tin index.html và bao gồm Vue với link liên kết đến thư viện của VueJS
Code: Bạn không thể xem liên kết này. Đăng ký hoặc Đăng nhập
<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

HTML
Code: Bạn không thể xem liên kết này. Đăng ký hoặc Đăng nhập
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  <p>{{ title }}</p>
</div>

JAVASCRIPT
Code: Bạn không thể xem liên kết này. Đăng ký hoặc Đăng nhập
new Vue({
  el: '#app',
  data: {
    title: 'Hello World!'
  }
})



Code: Bạn không thể xem liên kết này. Đăng ký hoặc Đăng nhập
« Sửa lần cuối: Thứ hai, 21/05/2018, 12:23:31 am gửi bởi admin »


Diễn đàn Nhật Bản