1.什么是Vue.js？Vue是一个用于构建用户界面的渐进式框架。与其他大型框架不同，Vue被设计为自下而上逐层应用。Vue的核心库只专注于视图层，不仅易于使用，而且易于与第三方库或现有项目集成。另一方面，当与现代工具链和各种支持库相结合时，Vue也完全有能力为复杂的单页应用程序提供支持。这几天分享了Vue学习笔记（下）和Vue学习笔记（上），今天我们就来看看下篇。二、Vue的v-for循环（一）v-for循环普通数组1.在data中定义普通数组；data(){return{list:[1,2,3,4,5]}}2.在html中使用v-for命令渲染；索引值为：{{i}}---每一项的值为：{{item}}
3。效果图如下：（二）V-for循环对象数组1.在data中定义对象数组；data(){return{list:[{id:1,name:'zhan1'},{id:2,name:'zhan2'},{id:3,name:'zhan3'},{id:4,name:'zhan4'}]}}2.使用v-for指令在html中渲染：
Id:{{user.id}}---名称：{{user.name}}---索引值为：{{i}}3。效果图如下：(3)v-for循环对象，遍历对象上的键值对时，除了val和key外，第三个位置还有一个索引值。1.在data中定义一个对象；data(){return{user:{id:1,name:'zhan',gender:'男'}}}2.在html中使用v-for指令渲染：valueis:{{val}}---keyis:{{key}}--indexvalueis:{{i}}3效果图如下：(4)v-for迭代数###后面，我们放普通数组，对象数组，对象，数。如果用v-for来迭代数字，那么之前的计数值是从1开始的。1.使用v-for命令在html中渲染：Thisisthe{{count}}循环2、效果图如下：(5)v-在v-for循环中使用for循环中的key属性时，key属性只能使用数字获取字符串。使用key时，必须使用v-bind属性绑定形式来指定key的值。在组件中，使用whenv-for循环，如果同时有v-for，指定一个唯一的字符串/数字类型：key的值。1.在data中定义一个对象数组；data(){return{list:[{id:1,name:'zhan1'},{id:2,name:'zhan2'},{id:3,name:'zhan3'},{id:4,name:'zhan4'}]}}2.在html中使用v-for命令渲染代码如下图：3.效果图如下图：3.Vue过滤器的基本使用1.首先定义一个vue全局过滤器，名字为msgFormat，string的replace方法的第一个参数，除了写字符串，还可以定义一个正则。2.在js代码中，比如如下代码：Vue.filter('msgFormat',function(msg,arg,arg2){returnmsg.replace(/day/g,arg+arg2)})Vue.filter('test',function(msg){returnmsg+'========'})3.在html代码中，比如下面的代码：{{msg|msgFormat('我','123')|测试}}
4。在data中，定义一个msg:data(){return{msg:'今天万里无云'}}5。效果图如下：四、总结1.vue中v-for循环有普通数组、对象数组、对象、迭代次数、key属性的使用。这些用法的详细解释希望对大家有所帮助。2.vue过滤器的基本使用。本地过滤器在全局过滤器之前被调用。一个表达式可以使用多个过滤器。过滤器需要用管道符“|”分隔，执行顺序是从左到右。.3、这些代码比较简单，希望对你有所帮助。想深入了解Python网络爬虫和数据挖掘，可以去专业网站：http://pdcfighting.com/想深入了解Python网络爬虫和数据挖掘，可以去专业网站：http://pdcfighting.com/网站：http://pdcfighting.com/
