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

 

 

 

Atitit usrqbg1834
html的逻辑化流程化
规范条件解决方案

 

常用命令1

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

v-for指令3

MVVM大比拼4

 

 

 

常用命令

自然遵照Vue文档表达,常用命令应该是置身前面介绍的,可是从使用的层面考虑,先介绍常用命令如故非常必要的,因为博主觉得那多少个指令是大家初始使用Vue的桥梁,没有那个基础,一切的尖端应用都是空谈。

Vue里面为我们提供的常用命令紧要有以下一些。

· v-text

· v-html

· 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>

    <div
id=”app”>

        <h1>姓名:<label
v-text=”Name”></label></h1>

        <h1>是否已婚:<span
v-if=”IsMarry”>是</span></h1>

        <h1>大人or小孩:<span
v-if=”Age>18″>大人</span><span
v-else>小屁孩</span></h1>

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

    </div>

 

    <script
src=”Content/vue/dist/vue.js”></script>

    <script
type=”text/javascript”>

    //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>

    <div
id=”app”>

        <ul>

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

        </ul>

    </div>

 

    <script
src=”Content/vue/dist/vue.js”></script>

    <script
type=”text/javascript”>

    //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、AvalonJSAngularjs等,每一款都有它们自己的优势。

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

· Vue:是多年来几年出来的一个开源Javascript框架,语法精简,实现精细,但对浏览器的辅助受限,最低只好帮忙IE9。

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

· React:React并不属于MVVM架构,可是它拉动virtual
dom的开拓性概念,受限于视图的框框。

· Angularjs:Google出品,已经被用来Google的多款产品中间。AngularJS有着广大特性,最为主旨的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。入门容易上手难,大量避不开的定义也是很胸口痛的。

 

 

 

AngularJS, 

 

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

 

 

相关文章