Tutorial asas Vue.js (manual rasmi)

Baca(57984) masa kemas kini(2022-04-15)

Selamat datang rakan-rakan untuk menyertai barisan pembelajaran asas Vue.js ialah rangka kerja progresif untuk membina antara muka pengguna. "Tutorial Asas Vue.js" boleh memberi pelajar pemahaman umum tentang Vue.js.


Vue.js (sebutan /vju?/, serupa dengan paparan) ialah rangka kerja progresif untuk membina antara muka pengguna.

Vue hanya memfokuskan pada lapisan paparan dan menggunakan reka bentuk pembangunan tambahan dari bawah ke atas.

Matlamat Vue adalah untuk melaksanakan pengikatan data responsif dan komponen paparan terdiri melalui API yang paling mudah.

Vue sangat mudah dipelajari Tutorial ini berdasarkan ujian versi Vue 2.1.8.

Perkara yang anda perlu tahu sebelum membaca tutorial ini:

CSS

🎜🎜 🎜 Tutorial terutamanya memperkenalkan penggunaan versi Vue2.x. 🎜🎜🎜Contoh pertama🎜🎜
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
  <p>{{ message }}</p>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
</script>
</body>
</html>
🎜🎜Rujukan: 🎜🎜🎜Tutorial Bermula Pek Web: https://www.php.cn/js-tutorial-430652.html🎜🎜Dokumentasi rasmi: v2/guide/syntax.html🎜🎜Dokumentasi Cina: https://www.php.cn/js/js-vuejs-syntax.html🎜

Bab terbaru


加入 Vue.js 社区 2019-09-20
对比其他框架 2019-09-20
从 Vuex 0.6.x 迁移到 1.0 2019-09-20
从 Vue Router 0.7.x 迁移 2019-09-19
从 Vue 1.x 迁移 2019-09-19
深入响应式原理 2019-09-19
服务端渲染 2019-09-19
状态管理 2019-09-19