vue 2

2 min readJun 21, 2019

ต่อจากที่เราติดตั้ง vue-cli เเล้วเราจะมาดู Structure ของ Project เรากัน

คาวมสัมพันธ์ระหว่าง

index.html
main.js
App.vue
router และ components

ส่วนประกอบที่สําคัญที่เราสนใจ คือ index.html, main.js, App.vue, router/index.js โดย การทํางาน จะเริ่มที่ index.html และ main.js

เมื่อ main.js ทํางานจะทําการสร้าง vue object หรือสร้าง vue ของเราขึ้นมาด้วย คําสั่ง new โดยส่ง พารามิเตอร์ หรือ ตัวแปรเข้าไป เพื่อบอกเงื่อนไขในการสร้าง object นั่นเอง โดย

el: '#app' -> มองหา id=”app” ใน index.html แล้ว render router  -> เชื่อมโยงกับ router ที่โหลดมา   components: { App } -> ใช้ component นี้ไปrender  template: '<App/>' -> บอกว่า App คือ component นะ