![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
龙旗飘扬的舰队
[ 敬畏人生,对自已负责,热爱生活 ]
展开
-
vue prop传值类型检验
prop 传值检验规则如果是 prop 是静态传值,则必须是 String 类型如果是 prop 是动态传值,则可以验证任意类型示例,如果必须要传一个Number,就必须使用 bind//声明Vue.component("blog-post", { props: { postTitle: { type: Number, default: 10000...原创 2019-01-18 18:32:23 · 3638 阅读 · 2 评论 -
vue prop传值default属性如何使用,为何不生效?
如果在template中,显示的调用了 prop 属性,那么 default 属性就不会生效如果在template中,不调用 prop 属性,default 就会生效default 值有效与否,和 prop 的验证通不通过,没有关系//声明Vue.component("blog-post", { props: { postTitle: { type: Numbe...原创 2019-01-18 18:35:05 · 10334 阅读 · 0 评论 -
vue 组件中的setInterval方法和window的不同
vue 组件中的setInterval方法和window的不同vue组件中,this指向实例,【实例中重写了setInterval等一整套方法】。所以,千万不能和 window 下挂载的方法混用具体不同在于,window.setInterval执行完比后返回一个id,而vue实例中返回【定时器对象】,当然该对象中包含一个_id的私有属性因为 clearInterval 方法参数是id,所以...原创 2019-02-05 11:20:38 · 2268 阅读 · 0 评论 -
vue组件之间数据传递和通信方式总结
vue组件之间数据传递和通信方式总结方式主要包括:父组件=>子组件 | 单向数据流,props子组件=>父组件 | 观察者模式,即vue的自定义事件 $emit 和 $on非父子组件通信 | 中介者模式,即 中央事件总线 bus父子组件通信 | 父链和子链,this.parent∣this.children∣this.parent | this.children | thi...原创 2019-02-07 15:27:48 · 256 阅读 · 0 评论 -
vuex速成学习总结
vuex | 应用场景用于【共享状态】较多,经常被在各处修改的【大型项目】用于大中型单页应用,简单的 spa 可以使用【中央数据总线 bus 】来管理数据(bus也是一个vue实例)如果不是多人协作或非常复杂的项目,一个简单的 store 模式就足够了store | 是全局共享状态把组件的共享状态抽取出来,以一个全局单例模式管理组件树构成了一个巨大的“视图”,任何组件都能获取状...原创 2019-02-09 23:38:19 · 293 阅读 · 0 评论 -
vue如何使用mockjs摸拟接口数据
Vue 中使用 mock有两种使用方式,一种是仅编写数据来调用,第二种是编写 服务+数据模拟真实接口(可在network查看)Mock对象API用例查看(推荐只看这个就可以)官方mock定义api查询第一种方式,编写mock可以写完整action url:http://localhost/login同一域下,也可以只写api形式:/login使用 Mock.mock 可以编...原创 2019-02-11 14:38:27 · 1639 阅读 · 0 评论 -
axios快速入门总结
axios配置文档axios的特点基于 promise 实现优化回调地狱支持 node端使用 catch 捕捉 error使用 finally 来结束 loading(如果有必要)mounted () { axios .get('https://api.coindesk.com/v1/bpi/currentprice.json') .then(re...原创 2019-05-22 14:49:18 · 592 阅读 · 0 评论