Vue框架学习笔记一

118 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第13天,点击查看活动详情

在这里插入图片描述

vue就是前端上的Java,前端上的C#。有个前端的虚拟DOM引擎,设计理念和Java,C#类似。我们只需要告诉DOM应该显示什么,而不用去操作DOM元素。 Vue 作为目前前端开发中三大框架之一,是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Vue.js 是一个 JavaScriptMVVM 库,是一套构建用户界面的渐进式框架。

特点

简洁: HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单。 数据驱动: 自动追踪依赖的模板表达式和计算属性。 组件化: 用解耦、可复用的组件来构造界面。 轻量: ~24kb min+gzip,无依赖。 快速: 精确有效的异步批量 DOM 更新。 模块友好: 通过 NPM 或 Bower 安装,无缝融入你的工作流。

Vue是一个渐进式的前端框架,什么是渐进式的呢?

渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex+axios,也可以满足你各种各样的需求。Vue的特点和Web开发中常见的高级功能: 1、解耦视图和数据 2、双向数据绑定 3、可复用的组件 4、前端路由技术 5、状态管理 6、虚拟DOM

Vue 安装使用

方式一:直接CDN引入

开发环境版本,包含了有帮助的命令行警告

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

生产环境版本,优化了尺寸和速度

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

方式二:下载和引入

开发环境 vuejs.org/js/vue.js

生产环境 vuejs.org/js/vue.min.…

方式三:NPM安装

在这里插入图片描述