摘要:
布尔类型(boolean)数字类型(number)字符串类型(string)数组类型(array)对象类型 (object)元组类型(tuple)枚举类型(enum)枚举类型的出现,自然万物一般都不会直接以数字或者字符形式出现,因此一般会把一些事物定义成某种标志,例如性别,月份,事物状态,颜色(rgb)。这样就可以通过这些标志来描述这个事物。eq:enum Color { red,black ... 阅读全文
posted @ 2019-10-05 23:25
阴阳师先生
阅读(449)
评论(0)
推荐(0)
摘要:
什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期创建期间的生命周期函数: + beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性 + created:vue实例已经在内存中创建OK,此时 data 和 methods 已经创建OK,此时还没有开始 编译模板 =>... 阅读全文
posted @ 2019-10-05 21:28
阴阳师先生
阅读(400)
评论(0)
推荐(0)
摘要:
不同与通讯,访问则是直接进入父组件或者子组件中获取数据或调用方法,而不是通过传值的方式调用父访问子$children和$refs$childrenconst childObj = this.$children[0]//children有多个是个数组,这里取第一个注意:通过$children访问子组件,由于其本质为数组,开发中如要寻找某个特定的子组件时非常麻烦。因此一般通过$refs来找单个特定子组... 阅读全文
posted @ 2019-10-05 20:02
阴阳师先生
阅读(259)
评论(0)
推荐(0)
摘要:
因为vue进行组件开发时候,允许组件进行嵌套,因此父子组件需要进行通讯来获取父组件或子组件中的数据。父传子父组件给子组件传数据通过在子组件的标签上绑定属性,将数据绑定给某个属性子组件要获取父组件传过来的信息,必须在内部定义props属性子组件标签上::c-message="message"子组件内部定义porps:数组写法props:['cMessage'] 对象写法props:{ cMess... 阅读全文
posted @ 2019-10-05 19:47
阴阳师先生
阅读(302)
评论(0)
推荐(0)
摘要:
全局注册:Vue.component('my-component',componentObj)局部注册:components:{ myPartComponent:componentObjFather}注意:注册时如果写驼峰 使用标签时要将有驼峰处换成'-',如果不写驼峰可以这样写('my-part-component':componentObj)vue2.x语法糖注册正常在注册之前需要先进行下面... 阅读全文
posted @ 2019-10-05 19:22
阴阳师先生
阅读(365)
评论(0)
推荐(0)
摘要:
上述代码是传统的通过function来定义类ES5类继承 注意:静态方法无法继承聊一聊 apply和call方法 改变对象中this的指向apply和call均可以用来实现继承什么情况下用apply,什么情况下用call?在给对象参数的情况下,如果参数的形式是数组的时候,比如apply里面传递了参数arguments,这个参数是数组类型,并且在调用Animal的时候参数的列表是对应一致的(也就... 阅读全文
posted @ 2019-10-05 19:07
阴阳师先生
阅读(1342)
评论(0)
推荐(0)
摘要:
filters过滤器可以通过管道符”|”绑定进属性或者差值表达式中v-bind:value | filterName{{message | filterName}}过滤器用于对数据进行有规律的变形,上述的代码用过滤器来给价格数据增加”¥”符号,和保留两位小数。通过 return 将过滤结果返回。定义方法:filters:{ //ES6增强写法 等同showPrice:function(price... 阅读全文
posted @ 2019-10-05 19:03
阴阳师先生
阅读(1423)
评论(0)
推荐(0)
摘要:
watch可以用于监听vue实例中数据的变化,数据一当变化就会执行函数中的内容,watch函数有两个参数newValue和oldValue,一般情况下只需要newValue一个足够。注意点:定义的监听函数名称必须是打算监听的数据的变量名称,这相当于指定了需要监听的对象 阅读全文
posted @ 2019-10-05 18:55
阴阳师先生
阅读(992)
评论(0)
推荐(0)
摘要:
JS中的thisJS中this的指向一般可以直接归成一条规律====》 函数中的thisfunction f1(){ return this; } f1() === window; // true网上分析较多,因而将其汇总:函数中的this 一般都指向调用这个函数的对象直接写在document下的都会指向window对象。内联事件函数中的this也是同理而写在对象中的函数也会遵守(指向调用这个函数... 阅读全文
posted @ 2019-10-05 14:29
阴阳师先生
阅读(1482)
评论(0)
推荐(0)
摘要:
for in 和 for offor in 循环数组或者对象的index值for of 循环数组的value值注意点:for in 数组或者对象均可以用 ,而for of 只能用于数组,对象不可用高阶数组函数filter 过滤数组的高阶函数filter(过滤) 参数为callBackFn()回调函数必须返回一个布尔值(true|false)n为数组里的value 函数filter会遍历数组里所有内... 阅读全文
posted @ 2019-10-05 12:20
阴阳师先生
阅读(605)
评论(0)
推荐(0)
摘要:
注意点:计算属性一般看成是属性,所以写在差值表达式中可以看成属性变量直接使用, 而不必像一般函数那样需要加上小括号”( )” 与methods的区别:在model数据不变的情况下,计算属性只触发调用一次,而methods只要每次触发,都会重新调用。 阅读全文
posted @ 2019-10-05 12:11
阴阳师先生
阅读(345)
评论(0)
推荐(0)
摘要:
在runtime-only的vue版本中使用的就是render函数,运行依赖的一般都是runtime-omly的vue,compile版本占的体积太大不适合用作运行版本。因为缺少编译器,浏览器不能直接识别.vue文件,因此在开发时会把vue相关的代码编译成浏览器识别的js,在浏览器运行时便只需要,只 阅读全文
posted @ 2019-10-05 12:06
阴阳师先生
阅读(735)
评论(0)
推荐(0)
摘要:
传统的异步嵌套,会产生回调地域,最终使得代码块混乱 ES6的Promise new Promise() 传入一个Fn()参数 函数有两个参数 resolve,reject 函数内部放置需要进行异步操作的代码 成功时执行resolve ,失败执行reject 。 可以传入唯一参数resolve(dat 阅读全文
posted @ 2019-10-05 11:56
阴阳师先生
阅读(165)
评论(0)
推荐(0)
摘要:
CommonJS 关键词:导入 require 导出 module.exports = {porp:porp} exports.porp = prop 代码中附有ES6的解构赋值写法,可以用于数组和对象的内部属性拆分 model.exports 和 exports 的区别? exports 其实是引 阅读全文
posted @ 2019-10-05 11:42
阴阳师先生
阅读(2814)
评论(0)
推荐(0)
摘要:
1 v-bind v-bind绑定属性::属性名 => v-bind:属性名 绑定class 数组::class="[active, line]" 对象::class="{active: isActive , line: isLine}" 绑定style :style="{color: fontCo 阅读全文
posted @ 2019-10-05 11:27
阴阳师先生
阅读(4159)
评论(0)
推荐(0)

浙公网安备 33010602011771号