news 2026/8/28 5:50:37

vue学习(白话功能版)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
vue学习(白话功能版)

注:此篇文章是用大白话说明vue的功能,实际实现代码不多,目的是让读者了解该框架的思想功能,若想看具体代码实现,请看vue学习(代码实践版)

chapter 1 vue的产生

说到vue,就不得不说angular。

最开始,谷歌大团队前端代码写得很混乱,不同的团队写的代码风格不一样,html、css、js混着写,写的项目换个人就看不懂了,更别提给它复用开发了。为了解决这个问题,在谷歌工作的Hevery开发出了angular框架,名字取自html的标签尖括号(angle brackets)。他给出的解决方案是把混乱的程序分一分,同类的放一起,并且以后就按这个分类来,程序就很清晰了。也就是通过模块化程序,来消除混乱。这个模块化思想深深影响到了后续其他前端框架的开发。

后面,尤雨溪也来到谷歌工作,艺术出身的他,觉得angular好复杂好难啊,要学好多好多东西,难道就不能简化一下吗?于是他决定开发一种前端框架,更简洁明了,更容易上手。顺便说一句,笔者最开始对前端一无所知,也没人带,居然也能用vue框架写成项目,说明这个vue真是绝好。

chapter 2 vue的功能使用

接下来,我会用白话说明vue的各项功能。

vue是一种前端框架。前端框架是什么?打比方的话,前端框架就是装修中的全屋定制团队。没有这些前端框架,就好比你从0到1装修毛坯房,要去市场买每块砖、每个材料,还要去计算水电布局…这些又麻烦又容易出错。有了前端框架,就好比有了全屋定制团队,他们有固定的装修模板,你只用选自己喜欢的家具、布局就OK了。页面之所以写着麻烦,就是因为html是为静态文本设立的,咱们要写动态网站只能写很多复杂的交互代码,实在是琐碎繁杂。

好了,我们要建造项目了,首先要把装修团队vue请来。vue在哪呢,在一个全球共享仓库。这个仓库放满了卧龙凤雏,全是前人写的js源码,你可以下载下来复制别人的源码,就不用自己写某个功能了,当然你也可以把自己写的上传上去,供他人使用。这个仓库的地址是https://registry.npmjs.org/,用该仓库的管理器下载

npminstallvue //npm 安装 vue

npm就是该仓库的管理器,关于npm的内容在另一篇博文看。

那怎么用vue呢?众所周知,vue是一个类,一个提前定义好的类。类就是个图纸,用这个图纸造出来的东西叫实例(实际例子,怎么取了这样的名字,要我说应该叫实物)。图纸虽然规定了功能结构,但却不可以直接用,用图纸造出来的实物才能用。所以,我们先造个实物出来。

varvm=newVue({})//变量 vm = 新建的 vue 实例

好啦,咱们新建的vue实物出来了,我把它装在了变量vm里,以后提到vm,就是指咱们新建的vue实物。放变量里挺好的,以后用的话可以直接直呼其名了。

在官网中可以看到将vm称呼为根实例,为啥叫根呢,是由于vue的设计思想决定的。vue是由很多小组件组成的,这些组件嵌套在一起,像一棵树一样,而我们建造的这个实例,就是这棵树的根节点。

未完待续……

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/28 5:50:11

国赛真题解析:利用数学特性与剪枝优化子数组和积相等问题

1. 项目概述:从一道国赛真题看算法思维的深度与广度“和与乘积”这道题,乍一看标题,似乎只是简单的数学运算组合。但如果你参加过全国性的信息学竞赛,或者对算法有一定深度的研究,就会立刻意识到这背后绝不简单。它不像…

作者头像 李华
网站建设 2026/8/28 5:49:43

Python实战Bayes判别分析:从数学原理到LDA/QDA模型应用

1. 项目概述:当数学建模遇见Python,Bayes判别分析从理论到实战如果你正在准备数学建模竞赛,或者在工作中需要处理分类问题,尤其是当样本数据有限、各类别先验信息比较明确时,Bayes判别分析绝对是一个值得你放进工具箱的…

作者头像 李华
网站建设 2026/8/28 5:49:32

实测数据公开:ZED X系列深度精度与传输性能全面验证报告

一、机器人视觉的“精度-延迟”两难困境在机器人导航、工业自动化与物理AI(Physical AI)的工程实践中,开发者长期面临一个核心抉择:高精度与低延迟,往往不可兼得。精度的代价是延迟。 高分辨率深度图意味着更大的数据量…

作者头像 李华
网站建设 2026/8/28 5:47:16

MVMD多元变分模态分解与小波阈值联合去噪:原理、MATLAB实现与调优指南

简介:信号去噪是信号处理领域的核心基础技术,旨在从受噪声污染的观测数据中恢复出有用信息。其基本原理在于利用信号与噪声在时域、频域或变换域统计特性的差异进行分离。从早期的傅里叶滤波到自适应滤波,再到现代的多尺度分析方法&#xff0…

作者头像 李华
网站建设 2026/8/28 5:47:08

三相电源Delta与Wye输入兼容设计:以4080W电源为例

前段时间把一台4080W的三相电源从调试台搬到客户现场,配电柜那边是Delta接线,而我们在实验室一直用Wye接线调试。电源上电后一切正常,但我发现很多同事和同行对“Delta输入”和“Wye输入”的理解还停留在“好像都行”的程度。为什么都行、什么…

作者头像 李华