vue 学习(vue如何学)

vue 学习

推荐整理分享vue 学习(vue如何学)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue要怎么学,vue入门教程,vue怎么学好,vue 怎么学,vue 怎么学,vue如何学,vue要怎么学,vue怎么学好,内容如对您有帮助，希望把文章链接给更多的朋友！

​vue2 官网教程：https://v2.cn.vuejs.org/ w3cschool Vue.js 2.0 教程：https://www.w3cschool.cn/vuejs2/

​​vue 爱好者：https://vue3js.cn/ vue 官网、文档、指南、教程：https://staging-cn.vuejs.org/

runoob vue3 教程：https://www.runoob.com/vue3/vue3-install.html

入门 vue 必知必会(1、2、3)：https://blog.csdn.net/weixin_49343190/category_10728547.html VUE 超级详细教程：https://blog.csdn.net/weixin_42371679/article/details/112408800 Vue快速入门（从入门到实战）（IDEA版）一篇文章即可快速入门（可直接开发前后端分离项目） ：https://code100.blog.csdn.net/article/details/118926442 Vue Element入门教程：https://blog.csdn.net/qq_40236722/article/details/88169539

vue 前端基础教程 - 4个小时带你快速入门vue：https://www.bilibili.com/video/BV12J411m7MG

Vue 基础本地应用 --- 记事本网络应用 --- 查询天气(网络请求库axios + vue) ( axios介绍和使用：https://blog.csdn.net/qq_40837310/article/details/123028044 )综合应用 --- 播放器

黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程

：https://search.bilibili.com/all?keyword=Vue+3+%E5%85%A8%E5%AE%B6%E6%A1%B6

：https://www.bilibili.com/video/BV1zq4y1p7ga

在线编辑器（推荐）：https://codesandbox.io/

在线工具 ( RUNOOB.com 在线工具 )：https://www.runoob.com/

学 vue，主要从以下几个方面学习：

环境安装模板语法（怎么写）指令选项、生命周期（写在哪儿）vuejs-devtools（怎么调试）

在 JavaScript 中 对象和数组 是引用类型，指向同一个内存空间，

1、Vue.js 是什么

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

提示：官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

" 早期 web 开发 " 和 " 基于 VUE 的 web 开发 "：

早期基于 DOM 的 web 开发：通过 JavaScript 获取获取网页 DOM 元素，然后操作 DOM 元素基于 VUE 的 web 开发：vue 本身是使用 JavaScript 编写，只是封装了一些以 v- 开头的一系列指令，可以通过这些指令直接操作 DOM 元素，不用再通过

vue 作用就是把 Javascript 对象数据 绑定到 HTML 的 dom 节点上。

vue 开发特点：页面由数据生成 ( 根据数据生成页面 )，数据改变时，页面会同步改变。

Vue 是一个前端框架，特点是

数据绑定：比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值

组件化：页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来

推荐开发环境

什么是 响应的 数据绑定 

响应的 数据绑定 ：就是数据发生变化时，可以立即感知到。其实就是实时同步数据。

Vue.js 的目标：通过尽可能简单的 API 实现 响应的数据绑定 和 组合的视图组件。