现在vue非常火爆所以今天来小小介绍一下
vue到底是什么呢?
它是以mvvm的框架和angular类似,比较小巧容易上手。
vue官网:
vue手册网址:
如果你会angular那就很好学习vue了。因为说了他们基本类似
立即学习“前端免费学习笔记(深入)”;
vue指令以 v-xxx vue由一片html代码配合上json,new出来一个vue实例 vue是个人开发由个人来维护
vue由于小巧所以他比较适用于移动端,同样他和angular一样不兼容IE低版本
使用的话一样你得先去vue官网下载他的库文件。
vue基本用法:
//上面说了我们需要一片html代码来展示数据
{{msg}} //这样我们就完成了一条数据的基本展示
常用指令:
angular有 ng-model 获取表单元素数据 vue获取表单元素数据为 v-model 和angular他也是可以进行双向数据绑定的。
angular中有 ng-repeat 来循环数组json对象 vue就不太一样了它是通过 v-for=' val in arr' 当然只是换了个名称用法还是相同的。
vue 循环同样自带{{$index}}每个的下标 他还带了一个{{$key}} 它可以显示 json的key名
vue事件:
angular拥有事件 当然vue也有的这里就有区别了 angular 是 ng-click vue是v-on:click=" fn()"
//上面说了我们需要一片html代码来展示数据
//v-on: 后面可以跟你任何想跟的事件。
{{msg}} //这样我们就完成了一条数据的基本展示
v-show:
angular 中有ng-show="true/false" vue 相同 v-show=“true/false” 同样true显示 false隐藏
//前边说了需要一片html代码来实现这就是我们那一片代码










