Vue(Vue2+Vue3)
视频连接:
尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】 https://www.bilibili.com/video/BV1Zy4y1K7SH/?share_source=copy_web&vd_source=595b9579605be6eaa0f5271e19e1bf36
知识范围:
1 vue基础
2 vue-cli(vue脚手架 专门做工程开发)
3 vuex(保管数据)
4 vue-router(前端路由)
5 element-ui(好看的ui组件库)
6 vue3(进阶学习vue)
扩展:vscode上好用的关于vue的插件
在vscode上,有很多好用的插件,最近在学习vue,推荐一个的关于vue的插件 ,可以帮助我们进行代码提示和提高开发效率
插件名称: Vue 3 Snippets
1 Vue简介
vue3.0官网:https://cn.vuejs.org/
vue2.0官网:https://v2.cn.vuejs.org/
1.1 什么是vue?
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
简单来说:vue就是一套一套用于构建用户界面的渐(逐渐)进(递进)式JavaScript框架
构建用户界面:如下图所示,就是将一些拿到的数据通过某种办法变成用户可以看到的界面,vue不关注数据来源,只关注如何将已有的数据变成页面展示
渐进式:是指vue可以自底向上逐层的应用,简单来说就是:如果你的应用很简单,那么只需要引入一个轻量小巧的核心库即可,如果你的应用比较复杂,那么可以引入各式各样的vue插件
1.2 谁开发的vue?
作者:尤雨溪
1.3 vue的特点
1 采用组件化模式,提高代码复用性,且让代码可以更好的去维护
一个.vue文件包含了html,css,js等文件
2 声明式编码,让编码人员无序直接操作DOM,提高开发效率
比如现在有一个需求
以下为DOM命名式和VUE声明式的区别
3 使用虚拟DOM+优秀的DIFF算法,尽量复用DOM节点