Vue基础
第一章:认识Vue 1.1-Vue概述 Vue是什么 :Vue是一个渐进式的JavaScript框架。 渐进式开发 :声明式渲染→组件系统→客户端路由→集中状态管理→项目构建 声明式渲染:Vue最简单的用法。 组件系统:通用的开发方式。 客户端路由:单页面应用开发。 集中状态管理:业务较为复杂的项目开发。 项目构建:前端项目独立开发、测试、部署上线。 Vue的优点 : 易用:有HTML、CSS、JavaScript基础就可以快速上手Vue。 灵活:在一个库和一套完整框架之间伸缩自如。 高效:20kb运行大小,超快虚拟DOM。 Vue官网 : https://cn.vuejs.org 1.2-快速入门 代码-HelloWorld 【入门步骤】 页面定义一个呈现数据的容器(如div) 引入vue.js库文件 创建Vue对象 在Vue中定义数据并绑定到div中 <!-- 页面定义一个呈现数据的标签(如div) --> <div id="app"> {{msg}} </div> <!-- 引入vue.js库文件 --> <script src="lib/vue.js"></script> <script> // 创建Vue对象 new Vue({ el:"#app", // 呈现数据的容器 data:{ // 数据 msg:"Hello World!" } }); </script>