Atitit usrqbg1834 html的逻辑化流程化规范标准化解决方案

时间 2019-11-30

标签 atitit usrqbg1834 usrqbg html 逻辑流程规范标准化解决方案栏目 HTML 繁體版

原文原文链接

Atitit usrqbg1834 html的逻辑化流程化规范标准化解决方案javascript

经常使用指令1html

、、v-if、v-else指令2前端

v-for指令3vue

MVVM大比拼4java

经常使用指令

原本按照Vue文档说明，经常使用指令应该是放在后面介绍的，可是从使用的层面考虑，先介绍经常使用指令仍是很是必要的，由于博主以为这些指令是咱们入手使用Vue的桥梁，没有这些基石，一切的高级应用都是空话。react

Vue里面为咱们提供的经常使用指令主要有如下一些。git

· v-textangularjs

· v-htmlgithub

· v-if算法

· v-show

· v-else

· v-for

· v-on

· v-bind

· v-model

· v-pre

· v-cloak

· v-once

、、v-if、v-else指令

v-if和v-else是一对离不开的好兄弟，使用条件运算符判断时经常使用。须要说明的是，v-if能够单独使用，可是v-else的前面必需要有一个v-if的条件或者v-show指令（后面介绍），这个和咱们编程的原理是同样同样的。

它们做为条件渲染指令，他们的基础语法以下：

v-if="expression",v-else;

注意这里的v-else能够不写，expression表达式是一个返回bool类型的属性或者表达式。

<body>

<h1>大人or小孩：<span v-if="Age>18">大人</span><span v-else>小屁孩</span></h1>

<h1>学校：{{ School }}</h1>

</div>

//Model

var data = {

Name: '小明',

IsMarry: true,

Age: 20,

School:'光明小学',

}

//ViewModel

var vue = new Vue({

el: '#app',

data: data,

});

v-for指令

v-for 指令须要以 item in items 形式的特殊语法。经常使用来绑定数据对象。

最简单的例子：

<body>

<ul>

<li v-for="value in nums">{{value}}</li>

</ul>

</div>

//ViewModel

var vue = new Vue({

el: '#app',

data: {

nums: [1, 2, 3, 4, 5, 6, 7, 8, 9]

}

});

</script>

MVVM大比拼

关于MVVM，原来在介绍knockout.js的时候有过讲解，目前市面上比较火的MVVM框架也是一抓一大把，好比常见的有Knockout.js、Vue.js、AvalonJS、Angularjs等，每一款都有它们本身的优点。

· Knockout：微软出品，能够说是MVVM的模型领域内的先驱，使用函数偷龙转凤，最短编辑长度算法实现DOM的同步，兼容IE6，实现高超，但源码极其难读，最近几年发展缓慢。

· Vue：是最近几年出来的一个开源Javascript框架，语法精简，实现精致，但对浏览器的支持受限，最低只能支持IE9。

· AvalonJS：是一个简单易用迷你的MVVM框架，由大神司徒正美研发。使用简单，实现明快。

· React：React并不属于MVVM架构，可是它带来virtual dom的革命性概念，受限于视图的规模。

· Angularjs：Google出品，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。入门容易上手难，大量避不开的概念也是很头疼的。

Atitit. js框架angular.js Knockout.js与react vue.js jq.tmpl的使用总结2016流行的.docx

JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查） - 懒得安分 - 博客园.html

做者:: 绰号:老哇的爪子（全名：：Attilax Akbar Al Rapanui 阿提拉克斯阿克巴阿尔拉帕努伊）

汉字名：艾提拉（艾龙）， EMAIL:1466519819@qq.com

转载请注明来源： http://www.cnblogs.com/attilax/

Atiend

Atitit usrqbg1834 html的逻辑化流程化 规范标准化解决方案

经常使用指令

、、v-if、v-else指令

v-for指令

MVVM大比拼

Atitit usrqbg1834 html的逻辑化流程化规范标准化解决方案