VUE入门操作

目录

学习vue2还是vue3？

1.vue.js下载

---

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动Vue的官方网站是: https://cn.vuejs.org/

Vue.js 特点

• 简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。

• 数据驱动: 自动追踪依赖的模板表达式和计算属性。

• 组件化： 用解耦、可复用的组件来构造界面。

• 轻量：~33.46KB min+gzip，无依赖。

• 快速:精确有效的异步批量 DOM 更新。

• 模块友好: 通过 NPM 或 Bower 安装，无缝融入你的工作流。

如果你喜欢下面这些，那你一定会喜欢 Vue.js：

• 可扩展的数据绑定机制

• 原生对象即模型

• 简洁明了的 API

• 组件化 UI 构建

• 多个轻量库搭配使用

学习vue2还是vue3？

在2020年的9月19日，万众期待的Vue3终于发布了正式版，命名为“One Piece”。

• 更好的性能；

• 更小的包体积；

• 更好的TypeScript集成；

• 更优秀的API设计。

那么现在是否是学习vue3的时间呢？ 答案是肯定的

• Vue3目前已经是稳定的版本，并且Vue3在2022年2月7日已经成为默认安装版本；

• 目前社区也经过一定时间的沉淀，更加的完善了，包括AntDesignVue、Element-Plus都提供了

• Vue3的支持，所以很多公司目前新的项目都已经在使用Vue3来进行开发了。

• 并且在面试的时候，几乎都会问到各种各样Vue3相关的问题；

1.vue.js下载

1.进入到vue.js的官方网站: https://cn.vuejs.org/,如下图:

2.点击首页的”快速上手”,进入到教程页面,点击”快速上手"

3.找到上图中的位置,复制src的网址,重新打开一个页面,访问刚刚复制的网址

1. 在上面的页面鼠标右键,选择"另存为"保存vue.js

   

注意: Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

4.在页面引入vue.js文件

当我们在我们的页面引入vue.js,我们在浏览器的控制台可以看到如下信息: