简单认识一下——VUE

2022-11-24 0 967

1、Vue概要

一、基本上的程序语言

1、基本上程序语言之MVC商业模式

简单认识一下——VUE

2、基本上程序语言之MVP商业模式

简单认识一下——VUE

3、基本上程序语言之MVVM商业模式

简单认识一下——VUE

4、MVVM和MVC对照

MVC:MVC是晚期其间端不分立时主要就应用领域的软件程序语言,伺服器把非常多的掌控方法论放到Controller掌控层中,主要是以操作方式DOM的形式去展开许多统计数据可视化

MVVM:步入其间端分立黄金时代时,MVVM就成了后端的非主流程序语言,选用统计数据挟持+正式发布订户商业模式,透过统计数据去驱动力快照的形式来顺利完成可视化,把MVC中Controller里头的许多方法论放到了客服人员端下面展开处置,增加了一小部分伺服器的阻力,更为合乎其间端阻抗平衡的结构设计经营理念

二、SPA和MPA

1、SPASPA应用领域:SinglePage Application应用领域,即单网页应用领域。多于两个主网页的应用领域,一已经开始只读取一场js、css等有关天然资源。大部份的文本都包涵在主网页,对每两个模块模块化。白眉林应用领域重定向,是转换有关组件,仅创下局部性天然资源。

2、MPAMPA应用领域:MultiPage Application应用领域,即多网页应用领域。有多个独立的网页的应用领域,每个网页必须重复读取js、css等有关天然资源。多页应用领域重定向,需要整页天然资源刷新。

3、SPA和MPA对照

简单认识一下——VUE

三、什么是Vue

1、Vue概要Vue.js专注于快照层,是两个构建统计数据驱动力的web界面的库,Vue.js透过单纯的API提供高效的统计数据绑定和灵活的模块系统,Vue内置的额外方法较少,比如Router、axios等许多额外的功能需要我们自行引入。Vue是 MVVM 商业模式的 单网页应用领域

2、Vue的许多基本上特性1. 轻量化:生产环境的Vue可以做到才30多KB,这个代码量非常之小,是JQuery生产版本体量的几分之一。2. 统计数据绑定:非常方便的将JS掌控的统计数据与网页文本展开绑定,省去了我们大量的同步设置环节。3. 指令:我们透过内置指令v-*和许多自定义的指令来实现我们要实现的业务功能。4. 方便拓展:虽说我们vue内置方法不多,但是可以很方便地去引入许多其他的模块库。-

2、Vue核心

1、使用Vue1. 安装Vue官方推荐的调试工具 [Vue Devtools](

https://github.com/vuejs/vue-devtools#vue-devtools)

2. 使用cdn引入Vue,或者是把源码下载下来然后引入。

简单认识一下——VUE

二、Vue的实例创建和插值语法

每两个Vue应用领域都是透过用Vue函数创建两个新的Vue实例

<u>**el:绑定的元素**</u>

<u>**data:绑定的统计数据对象**</u>

文本插值是最基本上的形式,使用双大括号**<u>{{}}</u>**(**Mustache语法糖**)

例子中的标签{{msg}}将会被相应的统计数据对象msg属性的值替换掉,当msg的值改变时,文本中的值也会联动地发生变化。

简单认识一下——VUE

2.1 Vue的表达式插值

Mustache语法糖也接受表达式形式的值,表达式可以由JavaScript表达式构成。表达式是各种数值、变量、运算符的综合体。单纯的表达式可以是常量或者变量的名称。表达式的值是其运算结果。

简单认识一下——VUE

三、Vue统计数据绑定的形式

1. 单向统计数据绑定(v-bind):**统计数据只能从data中流向网页

2. 双向统计数据绑定(v-model):统计数据不仅可以从data流向网页,还可以从网页流向data 注:

2.1、双向统计数据绑定一般应用领域在表单类元素上

2.2、v-model:value 可以简写为 v-model,因为v-model默认采集的是value值

简单认识一下——VUE

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务