Vue 初始Vue相关信息内容,了解Vue的工作原理(一(2)

  • 5.MVC和MVVC的基本流程(了解)

  • 6. 初始Vue

  • 7. Vue的开发者工具(针对谷歌)

  • 8. Vue config 全局配置

  • 9. Vue 小案例

学习前,要对前端的一些知识有一定的了解。

1.什么是Vue?

======================================================================

前些日子,找工作的时候,发现很多人都在招Vue.js、Angular.js和React.js的技术人员。所以决定要学一学着前端的三大主流框架!

Vue.js是目前最火的一个前端框架,React是最流行的一个前端框架,这两都可以来开发网站和手机App,但vue开发手机app需要Weex的帮助。vue的开发者是尤雨溪。

Vue.js是一套构建用户界面的框架,只关注视图层。主要负责MVC的V的这一层,还是只关注于界面。

其实学习前端的这些框架,无非就是提升效率,大体上的开发进度都是:

原生JS代码 --》 jQuery库 --》前端模板引擎 --》 Angular.js / Vue.js / React.js

2.库(插件)和框架

=======================================================================

vue是渐进的,大体上vue核心组件解决不了或者很麻烦的事情,再用vue的插件来进行操作,这就是一个渐进的过程,一步步简化操作。

在这里插入图片描述

库(插件):只是提供一些小功能,就像插件一样,出了问题容易切换修改。像jQuery,artTemplate等等。

框架:一套完整的解决项目方案,项目侵入性大,如果更换框架,必须重新修改整个项目。

4. Vue的特点

=======================================================================

4.1 采用组件化模式


采用组件化模式,提高代码复用率、且让代码更好维护。

在这里插入图片描述

4.2 声明式编码


声明式编码,让编码人员无需直接操作DOM,提高开发效率。

在这里插入图片描述

4.3 使用虚拟DOM 和 优秀的Diff算法


使用虚拟DOM 和 优秀的Diff算法,尽量复用DOM节点。

在这里插入图片描述

5.MVC和MVVC的基本流程(了解)

================================================================================

mvc:(主要考虑后端分层开发)

在这里插入图片描述

mvvc:(主要考虑前端使用vm来分离)

Model、View、VM ViewModel

在这里插入图片描述

6. 初始Vue

======================================================================

学好Vue,必须了解好Vue的官方教程 文档API 文档,当然学习的话,直接导入vue的cdn就行,导入后,就可以实现一个vue函数(new Vue() , Vue对象)。

在这里插入图片描述

7. Vue的开发者工具(针对谷歌)

================================================================================

下载开发者工具一般两种办法,一个是去github上面下载,再个就是去百度直接把Vue开发工具下载下来,放到谷歌开发者工具上面。

推荐使用第一个,但是网络可能非常费劲,毕竟是外国地址。

Vue官方上面有教程,这里直接把地址放在这了。

在这里插入图片描述

按照教程来做就可以了。

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

紧跟潮流

大前端和全栈是以后前端的一个趋势,懂后端的前端,懂各端的前端更加具有竞争力,以后可以往这个方向靠拢。

这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线,由于图片太大仅展示一小部分

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大前端和全栈是以后前端的一个趋势,懂后端的前端,懂各端的前端更加具有竞争力,以后可以往这个方向靠拢。

这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线,由于图片太大仅展示一小部分

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值