Vue.js의 기본 학습 대열에 합류한 친구들을 환영합니다. Vue는 사용자 인터페이스 구축을 위한 진보적인 프레임워크입니다. "Vue.js 기본 튜토리얼"은 학습자에게 Vue.js에 대한 전반적인 이해를 제공합니다.
Vue.js(/vju?/로 발음, view와 유사)는 사용자 인터페이스 구축을 위한 진보적인 프레임워크입니다.
Vue는 뷰 레이어에만 초점을 맞추고 상향식 증분 개발 설계를 채택합니다.
Vue의 목표는 가능한 가장 간단한 API를 통해 반응형 데이터 바인딩 및 구성된 뷰 구성 요소를 구현하는 것입니다.
Vue는 배우기가 매우 쉽습니다. 이 튜토리얼은 Vue 2.1.8 버전 테스트를 기반으로 합니다.
이 튜토리얼을 읽기 전에 알아야 할 사항:
튜토리얼에서는 주로 Vue2.x 버전 사용을 소개합니다.
첫 번째 예
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html>참조:
Webpack 시작하기 튜토리얼: https://www.php.cn/js-tutorial-430652.html
공식 문서: http://vuejs. v2/guide/syntax.html
중국어 문서: https://www.php.cn/js/js-vuejs-syntax.html
최신 장
- 加入 Vue.js 社区 2019-09-20
- 对比其他框架 2019-09-20
- 从 Vuex 0.6.x 迁移到 1.0 2019-09-20
- 从 Vue Router 0.7.x 迁移 2019-09-19
- 从 Vue 1.x 迁移 2019-09-19
- 深入响应式原理 2019-09-19
- 服务端渲染 2019-09-19
- 状态管理 2019-09-19
관련 강좌
- 웹 프론트 엔드 개발에 대한 빠른 소개 2021-12-10
- 당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본] 2022-09-30
- Gulp 시작하기 비디오 튜토리얼 2022-04-18
- 전우 Gao Luofeng CSS3 비디오 튜토리얼 2022-04-20
- AngularJS 개발 웹 애플리케이션 기본 예제 비디오 튜토리얼 2022-04-18
- Ajax 전체 접촉 2022-04-13
- MUI 프레임워크 기본 비디오 튜토리얼 2022-04-13
- 온라인 교육 수업 체험 수업 2019-01-10