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).
Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.
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.
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!