>웹 프론트엔드 >JS 튜토리얼 >3분 만에 Vue 프레임워크에 대해 알아보세요

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

烟雨青岚
烟雨青岚앞으로
2020-06-23 12:01:312598검색

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

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

1. Vue에 대한 기본 소개

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

2. )

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

2: Vue

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

vue-cli: Vue 스캐폴딩

vue-resource(axios): ajax 요청
  • 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를 소개합니다
2. 양방향 데이터 바인딩

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

읽어주신 모든 분들께 감사드리며, 모두가 혜택을 누리시기를 바랍니다.

이 기사는 다음에서 복제되었습니다: https://blog.csdn.net/weixin_44022886/article/details/88868789

추천 튜토리얼: "

JS Tutorial

"

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

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제