vue学习之路之需要了解的知识汇总

Posted 21-forever

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue学习之路之需要了解的知识汇总相关的知识,希望对你有一定的参考价值。

一、vue是什么?

  相关网页:  https://vuejs.bootcss.com/v2/guide/       及菜鸟教程       https://www.runoob.com/vue2/vue-tutorial.html

  vue.js是一套构建用户界面的渐进式框架;它只关注图层,采用自底向上增量开发的设计;它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。其实抛开官方的一些不知所云的说法,

  简单来说,在传统web开发中,我们搭建项目都以html结构为基础,然后通过jquery或者js来添加各种特效功能,需要去选中每一个元素进行命令,这些内容在简单的项目中或者不变的项目中还能应付得来,一旦项目改动或者项目工程较大,代码的修改将是复杂繁琐的,而这时候用了vue,这些问题都不复存在。在比如一些单网页制作成的应用程序,一般涉及到数据交互的内容都很多,而应用了vue之后将大大缩减工作量。

vue在web开发,网站制作中有哪些显著优势

  1.数据绑定:vue会根据对应的元素,进行设置元素数据,通过输入框,以及get获取数据等多种方式进行数据的实时绑定,进行网页及应用的数据渲染 。

  2.组件式开发:通过vue的模块封装,它可以将一个web开发中设计的各种模块进行拆分,变成单独的组件,然后通过数据绑定,调用对应模版组件,同时传入参数,即可完成对整个项目的开发。

 

二、根据本尊推荐的顺序        https://zhuanlan.zhihu.com/p/23134551      进行以下各其他知识的学习   

三、路由vue-router<我把它理解为一个a标签,只是其不大一样>

  这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是WebApp的链接路径管理系统。
  vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。

  至于我们为啥不能用a标签,这是因为用Vue做的都是单页应用(当你的项目准备打包时,运行npm run build时,就会生成dist文件夹,这里面只有静态资源和一个index.html页面),所以你写的<a></a>标签是不起作用的,你必须使用vue-router来进行管理。

至于其他关于这方面的只是可以查看 https://router.vuejs.org/zh/     及    https://www.jianshu.com/p/4c5c99abb864   

四、vuex

  它是一个专门为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension ,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

具体可以查看 https://vuex.vuejs.org/zh/   及  https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc

五、前端工程化:<个人理解为分工合作,提高效率还方便以后管理修改>

具体可以查看 https://www.cnblogs.com/onebox/p/9570518.html    https://www.cnblogs.com/fsyz/p/8274727.html   以及ttps://blog.csdn.net/yxf15732625262/article/details/61668980

六、Node.js <感觉是把一些需要后端实现的挪到了前端>

  简单的说 Node.js 就是运行在服务端的 javascript

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

具体可以查看 https://www.nodeapp.cn/documentation.html  及    https://www.runoob.com/nodejs/nodejs-tutorial.html

七、npm:

  它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。

npm 由三个独立的部分组成:

  • 网站
  • 注册表(registry)
  • 命令行工具 (CLI)

网站 是开发者查找包(package)、设置参数以及管理 npm 使用体验的主要途径。

注册表 是一个巨大的数据库,保存了每个包(package)的信息。

CLI 通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。

具体可以查看 https://www.npmjs.cn/getting-started/what-is-npm/

八、Webpack

  webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle

具体可以查看 https://www.webpackjs.com/concepts/   特别是  https://www.webpackjs.com/api/loaders/

九、vue-cli

  CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架,或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。

具体查看 https://cli.vuejs.org/zh/guide/

十、require.js

  require.js是一个js脚本加载器,它遵循AMD(Asynchronous Module Definition)规范,实现js脚本的异步加载,不阻塞页面的渲染和其后的脚本的执行,并提供了在加载完成之后的执行相应回调函数的功能

具体查看    https://www.cnblogs.com/ngy0217/p/8780966.html  

 

以上是关于vue学习之路之需要了解的知识汇总的主要内容,如果未能解决你的问题,请参考以下文章

Vue学习之路第十篇:简单计算器的实现

Vue学习之路第七篇:跑马灯项目实现

后端开发者的Vue学习之路

初识vue.js,我的学习之路

Vue学习之路8-v-on指令学习简单事件绑定之属性

Vue的学习之路