Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kandungan halaman vue?

Apakah kandungan halaman vue?

青灯夜游
青灯夜游asal
2022-01-10 16:32:565767semak imbas

Halaman vue terdiri daripada tiga bahagian: 1. Kod paparan antara muka (kod HTML) yang dibalut oleh teg templat 2. Kod pelaksanaan perniagaan (kod skrip js) yang dibalut oleh teg skrip; antara muka dibalut oleh kod Layout tag gaya (kod gaya css).

Apakah kandungan halaman vue?

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Komposisi halaman vue

Halaman vue terbahagi terutamanya kepada tiga bahagian.

  • <template>界面展示代码(需要注意的是只能有一个大的div)</template>

  • <script>export default {业务实现代码}</script>

  • <style scoped >界面布局代码(scoped 解决了css全局污染)</style>

HTML: Anda boleh menggunakan teg html dalam templat dan juga mempunyai komponen elemen-ui vant-ui, yang lebih visual.

js: skrip: Terdapat kaedah komponen data atribut yang dipasang kaedah terikat dikira, dan 8 kitaran hayat dan seterusnya.

css: kurang prapemprosesan scss, dsb.

baldi keluarga vue

vue-cli vue2.0 vuex vue-router axios element-ui

vue - cli ialah perancah untuk membina projek vue dengan cepat.

vue 2.0 ialah vue.js, rangka kerja progresif untuk membina antara muka pengguna. vue memperkenalkan vdom dalam versi 2.0. Algoritma vdomnya adalah berdasarkan pengubahsuaian algoritma snabbdom.

Inti aplikasi vuex ialah kedai (gudang) pada asasnya ialah bekas, yang mengandungi kebanyakan status aplikasi vuex bukan objek global yang mudah menukar kedai di negeri itu. Penyerahan yang perlu dipaparkan

vue-router ialah alat penghalaan dalam ekosistem vue program satu halaman boleh dilaksanakan dengan mudah menggunakan penghalaan.

axios ialah kaedah permintaan rangkaian. Terdapat juga axios-jsonp yang boleh menyelesaikan masalah merentas domain.

element-ui ialah perpustakaan komponen desktop berdasarkan vue2.0 untuk pembangun, pereka bentuk dan pengurus produk.

[Cadangan berkaitan: tutorial vue.js]

Atas ialah kandungan terperinci Apakah kandungan halaman vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn