Vue实践

Vue实践--v-model在组件中的应用

父组件既可以绑定自定义事件也可以绑定原生事件，只需要在事件名后加.native修饰符即可，例如HTML部分:JS部分：varmyApp=newVue({el:"#container",data:{sum:1,initNum:3},methods:{//这里的t就是从this.$emit("getall",this.total)上面传下来的this.totalgetSum:function(t){t
初心鸿鹄·2017-12-19 12:26

Vue实践--父子组件间的通信（未完待续）

父子组件间的通信（在这里父组件就是你自定义的标签，子组件就是父组件template里面的内容），父组件通过props选项向子组件传递参数或数据，子组件接收到参数后根据参数的不同来执行不同的操作。也就是说，在组件中使用props选项来声明需要从父组件接受的数据（通俗点说就是，组件在注册的时候通过props选项声明子组件（template所指）需要从父组件中接受的数据），props选项的值可以是字符串
初心鸿鹄·2017-12-12 14:29

Vue实践--初识组件

组件是Vue.js的核心，因为组件可以复用，能够做到一套代码，在任何地方都可以用，所以维护的成本大大缩小。Vue的组件在复用的时候是相互独立的；Vue组件的使用：先注册（局部注册/全局注册）,后使用,而且要在实例创建前注册（new之前）；注册也分为全局注册和局部注册，下面来说一下两者的区别...全局注册：在全局的vue环境中均可以使用（相当于全局变量一样），注册方法：使用Vue.component
初心鸿鹄·2017-12-12 13:15

Vue实践--V-for指令

当需要将一个数组或者对象循环遍历显示的时候可以使用v-for指令，其值类似于iteminitems；其中items是数组或者对象，item自然就是其中的一项，in也可使用of。当遍历数组的时候有一个可选项index，是当前项的索引类似与v-for=(item,[index])initems;{{index}}.{{book.bookName}}当遍历的数据items是一对象的时候，有两个可选项ke
初心鸿鹄·2017-12-04 12:13

Vue实践--计算属性

简单的文本转换可以通过filters来转换，但是当涉及到复杂的逻辑的时候就要通过计算属性完成了计算属性都是以函数的形式写在computed选项中，计算属性中的this指向Vue实例本身，只要最后有返回的值就行，/*getter与setter(博客上见)*/varmyApp1=newVue({el:"#container1",data:{firstName:"John",lastName:"Smit
初心鸿鹄·2017-11-28 09:01

Vue实践--指令和事件

Vue思想是数据驱动DOM，所以你只需要把主要精力放在数据和逻辑上即可，DOM的事情交给Vue就行了；指令的作用是当表达式的值发生变化的时候，将某些行为应用到DOM上：Vuejs中的一些指令：1.v-bind：动态更新DOM元素的属性（通常用来绑定DOM属性），例如：{{greeting|toUpperCase|strClip(3)}}//给该元素绑定href属性，属性的值是对应Vue数据urlv
初心鸿鹄·2017-11-26 14:21

Vue实践--过滤器（Filters）

Vue过滤器用来过滤模型数据，在显示之前进行数据处理和筛选，按照特定的格式进行输出。使用语法:{{data|filter1(参数)|filter2（参数2）}};在Vue2.0之后就没有内置过滤器了，也就是说以后的过滤器都要自己去定义;Vue过滤器的分类：全局过滤器和局部过滤器，两者的区别：顾名思义，全局过滤器在任何一个Vue实例中均可以使用，而局部过滤器只能在该过滤器所在的Vue实例中使用。自定
初心鸿鹄·2017-11-24 13:24

Vue实践--过滤器（Filters）

Vue过滤器用来过滤模型数据，在显示之前进行数据处理和筛选，按照特定的格式进行输出。使用语法:{{data|filter1(参数)|filter2（参数2）}};在Vue2.0之后就没有内置过滤器了，也就是说以后的过滤器都要自己去定义;Vue过滤器的分类：全局过滤器和局部过滤器，两者的区别：顾名思义，全局过滤器在任何一个Vue实例中均可以使用，而局部过滤器只能在该过滤器所在的Vue实例中使用。自定
初心鸿鹄·2017-11-24 13:24
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他