 Terima kasih kerana mengambil masa untuk datang dan berjumpa dengan saya. Semoga kita dapat berkongsi dan belajar sesuatu. Kerana semua perkara-perkara ini yang diperlihatkan hari ini sebenarnya telah dikongsi kepada saya oleh beberapa orang lain. Jadi semoga anda dapat mendapat sesuatu yang menarik yang boleh membantu untuk membawa kekuatan anda, kekuatan kami dalam pembangunan software. Jadi, saya akan mulakan dengan kekuatan Vue. Jadi, kekuatan Vue adalah salah satu pakaian yang berkongsi seperti kekuatan Angular, kekuatan React, kekuatan Ember. Saya rasa yang ini anda semua tahu. Apa yang mereka menulis di website untuk kekuatan Vue adalah bahan-bahan yang mudah dan kuat untuk membangun kekuatan modern web interface BLA. Sebenarnya, apa yang benar-benar seperti mencari kode, ia nampak sangat seperti React.js apabila mereka adalah komponen, mereka mempunyai pakaian dan pakaian. Tetapi ia hanya bahawa tidak ada JSX di dalam. Vue.js juga mempunyai HTML dan CSS di luar. Tetapi saya rasa React, terutamanya HTML dan CSS di dalam JSX. Untuk percaya ke percayaan popular atau apa yang mereka menerima di dalam JSX itu, ia sebenarnya mudah untuk belajar. Ya, ia mudah untuk belajar. Tetapi apabila mereka bergerak, mereka sebenarnya mempunyai pakaian untuk melepaskan mereka. Terutamanya apabila anda mempunyai pakaian seolah-olah pakaian dan pakaian. Untuk pakaian yang datang dari React.js, ia ada perkara yang dipanggil Flux dan Redux. Ya, jadi ia sama. Apabila anda mempunyai pakaian, ia okey. Tetapi ia mempunyai pakaian untuk melepaskan mereka. Jadi Vue.js sebenarnya tidak mudah. Mempunyai pakaian, ia mudah. Tetapi setelah itu, ia mulai mempunyai pakaian lebih susah. Jadi, ada pakaian untuk mempunyai pakaian. Kamu boleh lihat. Ia hanya untuk membaca. Satu perkara yang menarik juga yang anda lihat di dalam Vue.js adalah pakaian untuk melepaskan pakaian untuk melepaskan mereka. Mereka sebenarnya mempunyai Leravel yang adalah framework PHP. Lumen berdasarkan Leravel yang membuat micro-services. Mereka menggunakan ini dengan Vue bersama. Mereka menggunakan kota untuk menggunakan ini. Sejauh dari Vue.js. Sekarang kita akan mempunyai projek yang penting di Vue.js. Kamu boleh lihat di depan. Kerana pakaian mungkin lebih kecil. Terutamanya apabila anda datang ke kota. Jadi, ini adalah pakaian yang penting. Mempunyai Vue.js. Mereka mempunyai pakaian untuk Vue.js. Pakaian untuk Vue.js. Mereka mempunyai pakaian untuk Vue.js. Mereka tidak boleh menggunakan pakaian ini. Dan menggunakan pakaian seperti Axios, atau jQuery. Jadi, pakaian yang tersebut adalah pakaian yang penting untuk menggunakan pakaian untuk Vue.js. Jadi, ini adalah pakaian yang penting untuk Vue.js. Jadi, pakaian yang penting untuk Vue.js. Dan pakaian yang penting untuk Vue.js. Jadi, pakaian yang penting untuk Vue.js. Vue.js.2 digunakan pada OCTOBER 2016. Jadi, kita akan menggunakan semua pakaian yang Oprah Punggia terhadap Vue.js. Bahkan, perubahan kelas berlainan, saya sedang mengikuti sesuatu sekejapan, sehingga saya tidak bertolak, hanya perlu membuat beberapa desa dari scratch, kecil-kecil. Bagi Vue.js.1 dan Vue.js.2, yang penting untuk menggunakan guide migrasi, sebab satu perkara yang perlu digunakan adalah guide migrasi sebab semua jenis, banyak jenis sekarang berdasarkan versi 1. Jadi guide migrasi ini sangat penting supaya anda dapat membuat kerja kode lagi. Ada dua guide migrasi, satu untuk Vue.js dan satu untuk router Vue. Okey, ia bukan sangat susah untuk menggunakan. Selepas anda mempunyai kode. Vue.js tidak mempunyai migrasi sekarang. Dan ada guide migrasi ini. Ini adalah guide migrasi yang sebenarnya adalah aplikasi node. Di mana anda dapat menggunakan dan kemudian ia akan mencari semua fungsi deplikasi dan beritahu anda apa yang perlu dibuat. Ia sangat membantu. Semua jenis kode sekarang mungkin mempunyai es6. Semua orang tak tahu kenapa adalah es6. Okey, es6 sebenarnya adalah javascript tapi ada fungsi baru, sintetik baru dan sebagainya. Semua jenis kode bermula untuk mempunyai es6. Jadi ia bagus untuk memulangkan pula ini. Begitu sebabnya javascript kode anda tak akan faham sebabnya es6 ini. Yang terdapat berita yang berlaku sangat berbeza. Jadi hari ini apa yang akan kita lakukan? Basis, ini banyak dari website, website Vue.js, kemudian migrasi aplikasi dari V1 ke V2. Ini tidak begitu basikal, ini aplikasi single page crud. Lepas itu, saya akan beri anda link untuk menghubungi sosial dari github. Dan kemudian yang terakhir adalah untuk melihat aplikasi yang sama, satu menerang di React.js dan satu di Vue.js hanya untuk mendapatkan perasaan apa yang nampaknya. Okey, jadi sekarang kita datang ke basis. Kita akan melihat semua perkara-perkara ini sekarang, rendah deklaratif. Kenapa tidak? Oh, saya tahu kenapa. Okey, jadi kita akan mulakan pada deklaratif. Pertama deklaratif, mari saya lakukan F5. Okey, jadi kita melihat keadaan Vue.js ini. Ini sebenarnya adalah sebuah mesej di sini, dan di mana sebenarnya terlihat adalah ada perkara-perkara ini di sini. Jadi ini adalah keadaan Vue.js. Okey, jadi di mana kita menghubungi dan rendah perkara-perkara ini. Okey, jadi jika kita katakan saya akan lakukan aplikasi ini, kerana aplikasi ini adalah mesej yang sama dengan A, B, C, D. Okey, perkara-perkara ini sebenarnya berubah ke A, B, C, D. Jadi ia reaktif. Jadi kemudian kita melihat perkara-perkara lain yang adalah pembentangan juga. Kita boleh menghubungi mesej kepada perkara-perkara ini. Jadi apa yang berlaku adalah, okey, lihat perkara-perkara ini di sini, semasa anda menghubungi dan rendah perkara-perkara ini akan muncul. Jadi jika perkara-perkara ini berbeza, apabila anda menghubungi dan rendah perkara-perkara ini juga ada. Okey, jadi kita kemudian bergerak ke pembentangan. Jadi kita akan mempunyai pembentangan. Ini adalah perkara-perkara yang mudah, perkara-perkara yang susah. Okey, jadi ini adalah perkara-perkara. Sebenarnya anda mempunyai pembentangan di sini. Jadi semasa anda mengubah, sebenarnya semua perkara-perkara ini akan berubah, anda berubah, semua perkara ini akan berubah, ia akan berubah. Okey, saya boleh ikut. Okey, selanjutnya, kita ada perkara-perkaraan komputer. Okey, jadi perkara-perkaraan komputer ini sekarang akan kembali lagi. Okey, anda ambil nota perkara-perkara ini, pembentangan. Okey, ini adalah perkara-perkara di mana anda mempunyai pembentangan yang penting, dan kemudian perkara-perkara ini berubah, ada fungsi yang akan berubah perkara-perkara. Jadi apa yang berlaku adalah yang ini adalah perkara-perkaraan. Okey, jadi jika anda membuat pembentangan, ia akan juga berubah. Jadi perkara-perkaraan komputer mengubah perkara-perkara komputer. Okey, selanjutnya, pembentangan untuk pembentangan. Jadi ini adalah pembentangan di sini untuk pembentangan, di mana anda boleh sebenarnya mempunyai pembentangan dan pembentangan di sini. Anda boleh berubah, dan kemudian anda akan melepaskan. Tapi apa yang saya tunjukkan apa yang akan berlaku adalah itu. Jadi ini adalah perkara-perkaraan. Jadi perkara-perkaraan yang penting. Okey, sekarang saya akan bergerak ke pembentangan. Jadi kita sebenarnya mempunyai pembentangan di sini. Okey, ini adalah pembentangan nomor dua. Yang ini. Okey, ini adalah perkara-perkaraan yang benar atau salah. Itu adalah dengan pembentangan di sini. Jadi sekarang ia dikatakan kebenaran. Dan apa yang akan berlaku adalah bahawa pembentangan ini juga dengan pembentangan ini dan Vif. Dan yang ini akan diperlukan oleh pembentangan di sini. Okey, jadi itu untuk pembentangan. Saya akan jauh-jauh? Ya, maaf. Okey, terima kasih, terima kasih. Okey, jadi seterusnya. Jadi ini sebenarnya masih mempunyai pembentangan satu-satunya pembentangan. Seterusnya mereka ada pembentangan maaf. Jadi pembentangan adalah bahawa ada pembentangan dua-satunya yang sebenarnya di sini. Ia di dalam data. Jadi apa yang berlaku adalah bahawa ada V4 yang akan melihat dan melihat semua data. Okey, untuk pembentangan, ia adalah perkara-perkaraan yang sederhana. Kamu perlu melihat dalam Vue.js bagaimana untuk melihat pembentangan itu kerana ada sesuatu yang lain untuk digunakan untuk melihat perkara-perkaraan di pembentangan ini. Mungkin selepas ini jika kamu tidak yakin saya boleh melihat dengan kamu. Okey, jadi yang terakhir adalah pembentangan pembentangan. Jadi sebenarnya kita melakukan pembentangan hanya sekarang, tapi kita akan melakukan sesuatu lagi di sini. Jika kamu klik, apa yang akan berlaku adalah ia akan menyebabkan item baru ini untuk melakukan. Dan kemudian kamu melihat pembentangan pembentangan. Jadi saya fikir satu mereka tidak berlaku. Yang ini tidak berlaku. Saya perlu mencari kenapa kerana ia adalah pembentangan 1 dan pembentangan 2. Saya rasa saya perlu mempercayakan. Tapi yang lain ia berlaku. Jadi jika saya klik pada pembentangan, kamu dapat melihat pembentangan yang berlaku. Ya, itu sebabnya saya ada dua petang-petang di sini kerana satu mereka sebenarnya sepatutnya kerja kerana kita panggil pembentangan ini kerana ia adalah pembentangan di sini pembentangan 2 dan kemudian kamu melihat pembentangan ini kerana ia di dalam pembentangan 2 juga. Kamu sepatutnya sebenarnya dapat bekerja di sini, tapi tiba-tiba tidak berlaku. Jadi ini adalah pembentangan untuk saya, untuk sesiapa yang berminat untuk mencari bekerja. Okey, jadi itu semua untuk pembentangan. Ya, untuk pembentangan pembentangan. Jadi sekarang kita pergi ke kemudian. Okey, jadi untuk pembentangan kita, saya sebenarnya menggantikan aplikasi dari pembentangan 1 ke pembentangan 2. aplikasi pembentangan 1 adalah dari pembentangan sebenarnya. Apa yang berlaku adalah, pembentangan ini adalah sebenarnya berlainan dengan pembentangan, ia berubah dari pembentangan pembentangan ke pembentangan. Jadi semua pembentangan lama yang saya menggunakan pembentangan, semua perlu dilahirkan. Dan kemudian ada pembentangan pembentangan ini pembentangan ia dilahirkan dan cara mereka meminiti pembentangan itu adalah cara yang berlainan. Jadi semua pembentangan pembentangan lagi berlainan perlu dilahirkan. Pembentangan untuk setiap pembentangan sekarang mereka mesti mempunyai pembentangan. Jadi kerana sebelumnya pembentangan mereka ada banyak pembentangan, mereka tidak mempunyai pembentangan. Jadi sekarang perlu mempunyai pembentangan. Kemudian beberapa pembentangan lain adalah menggantikan. Jadi ini saya hanya beri anda segera melalui pembentangan. Ketika anda mempunyai pembentangan, ia sebenarnya di sini. Okey jadi itu sebenarnya perkara yang lebih penting. Okey jadi saya akan melalui pembentangan sekarang. Apakah anda bercakap tentang pembentangan atau anda bercakap tentang pembentangan yang telah dibuat di aplikasi? Ah tidak, ini sudah berbeza. Ini adalah pembentangan yang saya akan bercakap tentang. Ini adalah pembentangan yang lebih penting. Ini adalah pembentangan yang saya akan bercakap tentang. Jadi dalam contoh yang terkenal sebelumnya, apakah yang anda gunakan dalam aplikasi? Ya, betul. Jadi anda gunakan mereka dengan efektif, anda memasukkan mereka dengan nama yang telah dibuat. Jadi nama yang telah dibuat di aplikasi, ia berlaku dan itu adalah bagaimana yang berlaku. Di dalam perjalanan muda, iya. Tapi apabila anda membangun aplikasi yang lebih besar, ia seperti reaksi. Anda perlu membangunkan pembentangan yang besar. Dan kemudian anda pergi ke pembentangan yang lebih kecil di dalam pembentangan yang besar. Jadi mungkin saya akan memberikan perjalanan perasaan. Ini adalah aplikasi KRAD. Jadi perkara ini adalah aplikasi, perkara ini adalah aplikasi. Okey, ada listan produk. Okey, adalah komponen. Ia adalah perkara ini di bawah sini, apabila mereka mempunyai botan produk aplikasi, pembentangan dan listan produk. Jadi ini adalah salah satu komponen mereka. Kemudian apabila mereka menambah produk, ini adalah komponen lain. Jadi yang lain adalah apabila mereka menambah, ia juga adalah komponen lain. Kemudian pembentangan juga adalah komponen lain. Dan yang lain ini juga adalah komponen lain. Jadi saya akan menunjukkan komponen sekarang. Jadi anda mempunyai satu aplikasi yang dipanggil produk. Jadi perkara ini sebenarnya memerlukan perkara ini di sini. Okey. Kemudian anda mempunyai list produk. Ini adalah perkara yang lebih besar. Okey, jadi ini menyebabkan keadaan ini di sini. Dan kemudian, saya rasa pembentangan adalah satu komponen di sini. Dan pembentangan ini di sini. Dan pembentangan ini di sini. Okey, jadi ada lima... lima tempat ini semua bersama. Okey, jadi ini tidak menghubungi keadaan sebenar. Saya hanya ada beberapa data di sini untuk tes. Okey, jadi apa yang berlaku adalah apabila mereka beritahu bahawa ada sebuah tempat yang perlu dibuat. Sebelumnya, tempat ini tidak ada di sini di kota. Jadi tidak boleh bergerak. Jadi ini adalah tempat yang mudah. Yang lain adalah pembentangan. Tidak ada lagi pembentangan. Apa yang berlaku adalah anda hanya membuat pembentangan. Dan kemudian anda meminitiasi pembentangan seperti ini. Pembentangan ini mengambil informasi. Setelah saya mengambil informasi, tetapi ia masih bekerja. Mereka tidak mengubah perkara-perkara di sini daripada kota. Kemudian pembentangan... Ya, pembentangan pembentangan ini di tempatnya. Di sini. Okey, pembentangan ini adalah pembentangan. Pembentangan V-Link berubah ke pembentangan Router Link N. Jadi ada beberapa perkara untuk berubah seperti ini. Pembentangan ini dan sebagainya. Jadi pembentangan pembentangan. Ya. Kemudian apa yang berlaku adalah perkara yang berlaku adalah... Oh, okey. Pembentangan Router Link N. Okey, okey. Pembentangan ini saya akan mengubah kerana terlalu banyak perkara. Sekarang saya akan mengambil lebih banyak perkara. Okey, jadi produk ini adalah pembentangan. Kemudian ada pembentangan Router Link N. Yang berlaku ke pembentangan Router Link N. Untuk menambah. Okey, anda ada pembentangan ini di sini. Okey, pembentangan ini... Bagaimana pembentangan ini? Ya, anda boleh sebenarnya pembentangan. Dan ia akan sebenarnya... Pembentangan... Pembentangan. Okey, mari saya membuat produk baru dulu. Pembentangan M. Okey, jadi pembentangan pembentangan itu adalah... Apabila anda mengambil pembentangan itu akan dipembentangan. Okey, atau E-M. Mereka akan sebenarnya... Pembentangan ini adalah pembentangan. Dan apabila mereka mengambil pembentangan itu adalah... Kedua... Kedua ini adalah produk dipembentangan. Ini adalah pekerjaan komputer. Saya akan membuat produk dipembentangan. Pada pukul tadi, mereka sebenarnya membutuhkan... Mereka sebenarnya membutuhkan... Pembentangan ini sebagai... Sebenarnya membutuhkan... di sini dengan pembentangan... dengan perkara ini. Untuk membuat pembentangan. tetapi mereka menghidupkan hal ini dan sekarang kita perlu menghidupkan hal ini ke komputer. Jadi ada lagi perubahan yang berubah. Jadi sebenarnya fungsi, ada filter, kemudian keadaan yang anda lihat, edit. Jika anda edit, tiada keadaan yang salah, tetapi anda dapat melihat bahawa sebenarnya perubahan itu telah dibuat, keadaan juga adalah di sana. Jadi perubahan semua dalam sebuah pagi, anda boleh sebenarnya menghidupkan lebih jauh atau anda boleh menghidupkan ini dan menggunakan untuk menghidupkan lebih jauh. Jadi saya rasa mungkin kita, itu semua untuk, untuk ini. Okey, akhirnya, yang terakhir, menghidupkan jS dan perubahan di sisi-sisi. Jadi ini sebenarnya dari jS yang lebih jauh, jS yang lebih jauh adalah yang lain dari satu dari jS yang tidak menghidupkan framework seperti Happy dan SalesJS. Ini adalah, ini adalah part html, tetapi dari sini ini akan semua menghidupkan. Jadi banyak java dan semua html dan CSS semua dalam jSX. Untuk jS yang nampak berbeza, betul-betul sama. Tetapi mereka ada tempat ini, tempat ini, tempat ini, tempat ini, dan kemudian mereka ada jScript dengan semua perkara dalamnya. Jadi mereka sebenarnya quite different kerana perkara dalam jSX. Apa perubahannya? Okey, jScript size, periksaan adalah 4 KBHTML, 4 KBJS. Mereka menghidupkan satu KBHTML, terutamanya dalam jSX. Komponan itu betul-betul sama. Semua app, user list, mesej list, dan mesej kompos. Jadi ini adalah dari, dari jSX yang lebih teruk. Periksa jSX untuk itu, satu masih dalam versi 1. Jadi sekarang saya sebenarnya cuba menghidupkan versi 2. Jadi untuk jSX, semuanya dalam jSX. Kemudian saya rasa yang terakhir. Ya, website ini cukup bagus. Ada banyak perkara untuk belajar dalam jSX. KoliGo.io. Kemudian, ya, untuk memulahkan, sebenarnya tempat yang terbaik, ia masih membeli jS website kerana kode ini sudah adalah versi 2. Jadi, ya, saya rasa itu akhirnya. Saya akan, ada seseorang yang boleh tanya nanti, orang lain akan datang dan mempunyai ASIA untuk, untuk, pembedahan, pembedahan produksi. Jerald, Jerald dari Microsoft.