前端学习之vue简介

news/2024/7/10 1:47:02 标签: vue, 单页面应用, 组件化开发

vue_0">vue学习笔记—基础语法简介

介绍:
vue是一个专注于前端UI的框架,他的主要能力是:
01.声明式的绑定。包括数据绑定、事件绑定。
02.基于组件的编程。让开发者可以把整个应用分为若干组件,从而达到分而治之的目的。
vue的特点:
想要更好的理解vue,那么对于下面这几个词汇就应该有个更深刻的理解,单页面应用,数据驱动,模板语法,组件化
(1)单页面应用
单页面应用(single page web application SPA)单页面应用层程序就是加载单个html页面并在用户与应用程序交互时动态更新该页面的web应用程序。

<a class=单页面应用" />
图(1) 单页应用
多页面应用
图(2)多页应用

个人理解的单页面应用就是在重新加载一个html页面时是否需要对整个页面都进行刷新,比如上面的图(1)。传统的多页面在加载新的页面的时候会加载该页面所必须的html、css、javascript,比如上面的图(2),这样就会加大加载一个页面的工作量,使得网页加载慢,减弱用户体验,下面这张表详细的说明了多页面应用于单页面应用的区别:
在这里插入图片描述
(2)数据驱动
a.什么是数据驱动?
所谓的数据驱动就是当数据发生改变的时候,用户界面发生相应的变化,开发者不需要手动的去修改DOM。
b.vuejs还是如何实现数据驱动的呢?
vue实现数据绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过Object.definProperty() 来劫持各个属性的getter和setter,在数据变动时发布消息给订阅者,出发相应监听回调。用户看不到getter/setter,而是在他们的内部让Vue追踪依赖,在属性被访问和修改时通知变化。

在这里插入图片描述
在这里插入图片描述
(3)组件化
在这里插入图片描述
(4)模板语法:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

vue安装
https://blog.csdn.net/u013408061/article/details/88238592
笔者安装是参考上述链接进行安装的,首先安装node环境,然后用npm安装需要的webpack和vue-cli;读者可以根据具体的步骤进行安装。。
vue程序简单解释
个人理解一个vue实例程序可以分为3部分:

这部分主要写html部分,可以写一些想要的布局,例如部署一些文字,图片,动画,链接等等; 这部分主要是写一些JavaScript部分,比如模板部署的具体数据实例,事件,实现方法 这部分主要可以写一些对模板部分的样式渲染,字体大小,动态效果等等;

http://www.niftyadmin.cn/n/1037876.html

相关文章

MVC MVP MVVM模式的浅谈

MVC MVP MVVM模式的浅谈 什么是MVC,MVP,MVVM模式&#xff1a; MVC MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式: Model(模型)表示应用程序核心(比如数据库记录列表)。View(视图)显示数据(数据库记录)。Controller(控制器)处理…

强化学习笔记---入门简介

机器学习可以分为3类&#xff1a;有监督学习&#xff0c;无监督学习&#xff0c;强化学习&#xff1b; 强化学习可以解决什么问题&#xff1f; 概括来说&#xff0c;强化学习所能解决的问题为连续决策问题&#xff0c;就是需要连续不断做出决策才能实现最终的目标的问题。 强…

强化学习算法---Q-learning

Q-learning 算法的步骤&#xff1a; <1> 给定参数lamda和奖励矩阵R <2>令Q[]为0 <3> for each episode 3.1 随机选择初始的状态s 3.2 未达到目标状态&#xff0c;则执行以下几步&#xff1a; &#xff08;1&#xff09;在当前状态s的所有可能行为中选取一个行…

vue学习---vuex

Vuex就是用来管理状态的&#xff1b; Vuex使用Store对象&#xff0c;来保存和管理整个应用的状态。 Store对象&#xff0c;它包含以下的一些方法&#xff1a; -state&#xff0c;存储状态的 &#xff0c;&#xff08;其实就是存放数据的地方&#xff0c;所有的数据都存放在这里…

基于二分查找的抽签游戏算法的优化

基于二分查找的抽签游戏算法的优化 问题描述&#xff1a; 一个袋子里有n个纸片&#xff0c;纸片上有数字&#xff0c;你随机取出4张纸&#xff08;有放回&#xff09;&#xff0c;若四张纸的数字和为m&#xff0c;你就赢了&#xff0c;否则你就输了。连续试了几次后你都失败了…

自我学习总结之——NFV

NFV –DFC 1.什么是NFV? 网络功能虚拟化NFV(Network Functions Virtualization)在NFV出现之前设备的专业化很突出,具体设备都有其专门的功能实现,而之后设备的控制平面与具体设备进行分离,不同设备的控制平面基于虚拟机,虚拟机基于云操作系统,这样当企业需要部署新业务…

深度优先DFS搜索算法

深度优先DFS搜索 什么是深度优先搜索&#xff1f; 深度优先搜索&#xff08;DFS ,Depth-First Search&#xff09;是搜索手段之一。它从某个状态&#xff0c;不断地转移状态直到无法转移&#xff0c;然后回退到前一步的状态&#xff0c;继续转移到其他状态&#xff0c;如此不断…

宽度优先搜索BFS算法

宽度优先搜索BFS算法 什么是宽度优先搜索&#xff1f; 宽度优先搜索&#xff08;BFS,Breadth_First Search&#xff09;总是优先搜索距离初始状态近的状态&#xff0c;也就是说&#xff0c;他是按照开始状态->只需一次转移就可以到达的所有状态->只需两次转移就可以到达…