1、Vue概要
一、基本上的程序语言
1、基本上程序语言之MVC商业模式
2、基本上程序语言之MVP商业模式
3、基本上程序语言之MVVM商业模式
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
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实例
<u>**el:绑定的元素**</u>
<u>**data:绑定的统计数据对象**</u>
文本插值是最基本上的形式,使用双大括号**<u>{{}}</u>**(**Mustache语法糖**)
例子中的标签{{msg}}将会被相应的统计数据对象msg属性的值替换掉,当msg的值改变时,文本中的值也会联动地发生变化。
2.1 Vue的表达式插值
Mustache语法糖也接受表达式形式的值,表达式可以由JavaScript表达式构成。表达式是各种数值、变量、运算符的综合体。单纯的表达式可以是常量或者变量的名称。表达式的值是其运算结果。
三、Vue统计数据绑定的形式
1. 单向统计数据绑定(v-bind):**统计数据只能从data中流向网页
2. 双向统计数据绑定(v-model):统计数据不仅可以从data流向网页,还可以从网页流向data 注:
2.1、双向统计数据绑定一般应用领域在表单类元素上
2.2、v-model:value 可以简写为 v-model,因为v-model默认采集的是value值