vue 概念
前端框架
前端开发进化过程: 原生JS 》jQuery 等类库 》Vue 等前端框架
- jQuery 等类库提供了已封装好的 JS 方法集合,用户在前端开发中可以直接调用(可以使用多个)。
- Vue 等前端框架提供了完整的项目解决方案,用户在前端开发中必须按照特定框架规范进行开发(只能选择一个)。
- 目前主流的前端框架有 Vue 、 React 、 Angular
vue 特征
Vue 主要有以下两大特征:
-
响应式数据绑定:数据发生改变,视图自动更新(开发者不再关注 dom 操作,进一步提高开发效率)。
-
可组合视图组件:视图按照功能切分成基本单元(易维护,易重用,易测试)。
vue 使用
- 引入外部文件(CDN)
<!-- 开发环境版本,包含命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本,优化文件大小和响应速度 --> <script src="https://cdn.jsdelivr.net/npm/vue"></script>