概述 Swift中跟实例相关的属性可以分为2大类 存储属性(Store Property) 类似成员变量的概念 存储在实例的内存中 结构体、类可以定义存储属性 枚举不可以定义存储属性 计算属性(Computed Property) 本质就是方法(函数) 不占用实例的内存 枚举、结构体、类可以定义计算 ...
分类:
编程语言 时间:
2019-07-28 14:11:15
阅读次数:
112
之前写angularjs的时候,filter是可以直接在ng-repeat中使用。但是到了vue好像这个不起作用。 具体解决办法: 加一个计算属性: 然后template中直接引用filterData就可以了,所有过滤的操作可以直接写在filterData属性的后面那个function中。 使用: ...
分类:
编程语言 时间:
2019-07-21 13:14:48
阅读次数:
254
vue中的实例 介绍:类似于创建一个对象,里面包含钩子函数,data,methods.components等 vue实例的对象data 主要是用来存放数据的 Vue框架会检测data的数据变化,自动更新到html上计算属性computed 主要是用来一些比较复杂的逻辑计算 虽然{{}} 是非常便利的 ...
分类:
其他好文 时间:
2019-07-20 11:35:46
阅读次数:
221
在Vue中使用v-for循环一个数组/对象时,如果再使用v-if,那么会提示使用计算属性(能正常使用),因为Vue中是不提倡v-for与v-if同时使用的。在我的项目中也遇到了问题不过翻看文档解决了修改前: <el-table-column v-for="(item, index) in colum ...
分类:
其他好文 时间:
2019-07-16 08:11:47
阅读次数:
706
v-bind指令用于给html标签设置属性。 v-bind入门 会渲染如下: 字符串拼接 会渲染如下: 运算: 会渲染如下: 调用函数: 渲染成: 使用对象: 结果: 如果对象有toString方法: 则渲染的是toString方法的值: 和数组使用: 渲染为: v-bind vs 计算属性 稍微对 ...
分类:
其他好文 时间:
2019-07-15 13:21:50
阅读次数:
117
<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri
分类:
其他好文 时间:
2019-07-11 09:48:49
阅读次数:
106
<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri
分类:
其他好文 时间:
2019-07-11 09:47:36
阅读次数:
82
一、什么是计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 二、计算属性的用法 在一个计算属性里可以完成各种复杂的逻辑,包括运算、函数调用等,只要最终返回一个结果就可以。 除了上例简单的用法,计算属性还可以依赖多个Vue 实例的数据 ...
分类:
其他好文 时间:
2019-07-10 20:08:48
阅读次数:
106
vue中mixins个人理解就是定义一些公用的比较常用的方法,类似我们vue中将一些常用的组件也会抽离出来做成一个公共组件一样,只不过vue中mixins是定义的是法或者计算属性,然后将其混入(合并)到各个组件中使用,方便管理与统一修改。下面举例一些简单的引用用于自己理解和记忆: 先定义一个mixi ...
分类:
其他好文 时间:
2019-07-05 12:59:05
阅读次数:
155
css3的 calc:计算属性。由于自己做的项目中这个属性不常用到,偶尔用一次还没效果。 后来研究了下是因为运算符两边没加空格。 错误示例:.content{width:calc(100%-50px)}这样是不生效的 运算符"+ - * /"左右两边均要留空格 正确示例:.content{width ...
分类:
Web程序 时间:
2019-07-03 17:04:19
阅读次数:
328