Découvrez le framework Vue en trois minutes

Comprendre le framework Vue en trois minutes

Introduction de base à Vue

1.vue est un framework JavaScript progressif

2 Auteur : You Yuxi (un ancien ingénieur chinois de Google)

3. Fonction : construire dynamiquement des interfaces utilisateur

2 : Caractéristiques de Vue

1. Suivez le modèle MVVM (m->model (objet de données) v->view (view) vm->view model)

2. Codage simple, petite taille, haute efficacité de fonctionnement, adapté aux terminaux mobiles/PC

3 Il se concentre uniquement sur l'interface utilisateur et peut facilement introduire des plug-ins Vue ou d'autres tiers. -projets de développement de bibliothèques de fête

Extension Vue :

• vue-cli:Échafaudage Vue

• vue-resource(axios ):requête ajax

• vue-router : routage

• vuex : gestion de l'état

• vue -lazyload : chargement paresseux des images

• vue-scroller : glissement de page lié

• mint-ui : basé sur Vue Bibliothèque de composants d'interface utilisateur (terminal mobile)

• element-ui : bibliothèque de composants d'interface utilisateur basée sur Vue (côté PC)

3. Vue écrivant "Bonjour vue"

1. Introduisez vue.js

2 Créer une liaison de données bidirectionnelle

4. Afficher les données

Affichage du code :

<p id="app">
    //3.双向数据绑定
    <input type="text" v-model="username">
    //4.显示数据
    <p>Hello {{msg}}</p>
</p>
//1.引入vue.js
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
    //2.创建vue对象
    var vm = new Vue({
        el:"#app",
        data:{
            msg:&#39;vue&#39;
        }
    })

Merci à tous d'avoir lu, j'espère que vous en bénéficierez beaucoup.

Cet article est reproduit à partir de : https://blog.csdn.net/weixin_44022886/article/details/88868789

Tutoriel recommandé : "

Tutoriel JS

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!