vue
文章平均质量分 65
Coder_Chang
死码字的
展开
-
vue生命周期、钩子理解
在vue文档中,对生命周期部分有如下视图:看起来有些复杂,对于一些名词甚至还不是很熟悉,所以在查找后,我整理如下:new vue创建vue实例init events & lifecycle开始初始化beforeCreate组件刚被创建,组建属性计算之前,如data属性等init原创 2017-12-09 13:40:38 · 3651 阅读 · 0 评论 -
laravel vue控件通过axios向api发起请求,获取分页实例对象reponse.data.data
问题:在vue中获取分页实例对象中的具体实例对象的时候需要使用reponse.data.data,为什么需要调用两次data呢?请看下文一、什么是Axiosaxios文档链接在文档中我们可知,Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。其拥有如下特点:从浏览器中创建 XMLHttpRequests从 n原创 2017-12-22 17:17:31 · 3745 阅读 · 0 评论 -
vue一些容易混淆的名词
1.计算属性计算属性是基于它们的依赖进行缓存的,而调用方法总是每次重新计算。如果不需要缓存,就使用方法。当你有一些数据需要随着其它数据变动而变动时,通常更好的做法是使用计算属性而不是命令式的 watch 回调。2.侦听属性watch当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。原创 2018-04-24 14:11:16 · 691 阅读 · 0 评论 -
vue插槽slot
一、什么是插槽slot简单来说,就是父子组件间用来渲染对方的内容的。比如,写在子组件开始结束标签之间的内容,除非子组件模板包含至少一个 插口,否则父组件的内容将会被丢弃。原因:父组件模板的内容在父组件作用域内编译;子组件模板的内容在子组件作用域内编译。二、单个插槽当子组件模板只有一个没有属性的插槽的时候,父组件传入的整个内容片段将插入到插槽所在的DOM位置,并替换掉插槽本身。最初原创 2018-04-27 14:28:32 · 312 阅读 · 0 评论 -
vue组件通信
这部分vue文档已经说的很清楚了,但是为了更好的理解,自己再整理一遍。首先,父组件的与子组件的通信是通过子组件的props。那么子组件有数据变化时,想要通知父组件应该怎么办呢?父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。简单来说,就是子组件监听的事件,在函数内使用 $emit(eventName, optionalPayload) 触发事件,在父组件使原创 2018-04-25 15:05:51 · 229 阅读 · 0 评论