3분 만에 Vue 프레임워크에 대해 알아보세요

3분 동안 Vue 프레임워크에 대해 알아보세요

1. Vue에 대한 기본 소개

1.vue는 진보적인 JavaScript 프레임워크입니다

2. )

3. 기능: 동적으로 사용자 인터페이스 구축

2: Vue

1의 기능 MVVM 패턴(m->model(데이터 객체) v->view(view) vm-> 모델 보기:

• vue-router: 라우팅

• vuex: 상태 관리

• vue- lazyload:image Lazy loading

• vue-scroller: 페이지 슬라이딩 관련

• mint-ui: Vue 기반 UI 컴포넌트 라이브러리(모바일 측)

• element-ui: Vue 기반 UI 컴포넌트 라이브러리(PC)
3. Vue는 "Hello vue"라고 씁니다

• 1. vue.js를 소개합니다

4. :

<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;
        }
    })

JS Tutorial

위 내용은 3분 만에 Vue 프레임워크에 대해 알아보세요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!