Vue.js

Vue.js是当下很火的一个MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的原料药，使得我们能够快速地上手并使用Vue.js。

先来看看实现的效果：

下面的例子会用到bootstrap.min.css以及vue.js，都可以从网上下载（文末有完整源码下载提供)。

实例源码

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title vue。射流研究…小演示/标题链接rel='样式表href=' CSS/bootstrap。量滴CSS头身！-这是我们的view-div class=' col-MD-6 ' div class=' panel panel-default ' id=' app ' div class=' panel-body form-horizontal ' div class=' form-group ' label class=' col-MD-2 control-label ' name:/label div class=' col-MD-10 '输入类型=' text ' class=' form-control ' v-model=' new person。name '/div/div class=' form-group ' label class=' col-MD-2 control-label ' age:/label div class=' col-MD-10 '输入类型=' text ' class=' form-control ' v-model=' new person。age '/div/div class=' form-group ' label class=' col-MD-2 control-label ' sex:/label div class=' col-MD-10 ' select class=' form-control ' v-model=' new person。“性”选项值='男'脚本src=' http : js/vue。js/创建一个某视频剪辑软件实例或视图模型，它连接视角与模型var VM=new Vue({ El : ' # app }，数据： { new person : { name : ' '，age: 0，sex: '男声}，people: [{ name: 'Jack，age: 30，sex: '男声}，{姓名： '比尔'，年龄： 26，性别3: '男声' }) //添加完新人对象后，重置新人对象this.newPerson={name: ' '，age: 0，sex: '男性' }，deletePerson:函数（索引){ //删一个数组元素this.people .拼接(索引，1);} } })/脚本/html下载地址请点击这里

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。