![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
IT学霸
这个作者很懒,什么都没留下…
展开
-
createElement函数的scopedSlots属性详解
scopedSlots属性主要用于子组件的作用域插槽createElement函数的第2个参数中,scopedSlots属性用于指定子组件的作用域插槽。当createElement函数的第一参数是一个自定义组件,并且这个自定义组件中使用了插槽。那么如何给这个插槽传递实际的内容了?这个时候,scopedSlots属性就是来向子组件传递实际的插槽内容的。是不是与createEle...原创 2020-01-01 20:14:56 · 1282 阅读 · 0 评论 -
vue作用域插槽使用详解
今天看vue官方教程中的作用域插槽的内容,看了半天都没理解内容,只好动手码代码验证理解。动手是最能促进理解的方法,再去看原文,你会发现都是翻译惹的祸,翻译的真是有点差劲。作用域插槽,主要是为了在父组件中访问子组件中的数据而提出来的一种方案。一、<slot>元素上动态绑定要在外面访问的对象首先要在子组件中<slot>元素上动态绑定一个你要在外面访问的对象...原创 2019-05-01 14:40:05 · 5690 阅读 · 1 评论 -
vuex概念之Getter用法详解
Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。以官网的例子来说明,官网代码如下:在组件中使用以下代码访问:this.$store.getters.doneTodosCount一、说明getters中的访问器函...原创 2019-05-08 23:57:00 · 20505 阅读 · 0 评论 -
vuex概念之State用法详解
假设有如下state定义一、普通用法在组件中直接访问:this.$store.state.count二、mapState辅助函数用法1使用对象展开运算符,会默认传递参数state,在函数中直接使用就可以了。这样就可以少些2个单词了(this.$store)...mapState({ count: state => state.count})三、map...原创 2019-05-08 23:17:00 · 7303 阅读 · 0 评论 -
ES6解构赋值的一些注意点
一、数组解构赋值let myArray = [1, 2, 3, 4, 5]let a,b,c ;[a,...b] = myArray; 使用了这种方式后,b后面不能再加其它的变量。比如[a,...b,c] =myArray; 这种方式不支持。也就是说当使用...接收时,...b只能出现在最右边。二、对象解构赋值var object = {name : "John", ...原创 2019-05-04 23:23:27 · 473 阅读 · 0 评论 -
$parent/$root和依赖注入讲解的文章
今天查资料时,发现一篇很好的参考文章。对于理解$parent和$root以及依赖注入很有帮助。https://blog.csdn.net/qq_14897069/article/details/88211564转载 2019-05-04 14:42:54 · 231 阅读 · 0 评论 -
vue依赖注入provide/inject
一、前言provide选项允许我们指定我们想要提供给子组件的数据/方法。在子组件种通过inject选项就可以使用provide提供的数据或方法。不论组件层次有多深,都可以调用。唯一的缺点是:依赖注入所提供的数据是非响应式。比如说我在父组件种有个数据变量是响应式的接收用户输入的数据,然后我通过provide把这个数据变量提供给子组件使用,但是在子组件里面,这个变量不是实时变化的。要想得到最...原创 2019-05-04 12:03:39 · 1079 阅读 · 0 评论 -
动态组件切换的2种实现方式
动态组件,其实就是一个tab页面切换的功能。可以直接使用vue的component,也可以使用v-if来实现。具体如下:方法一<div id="example"> <button @click="change">切换页面</button> <keep-alive> <component :is="cur...原创 2019-05-03 13:52:42 · 6813 阅读 · 0 评论 -
vue中2种直接对元素渲染的方法
上面的整个div都会被render或template的渲染内容替换掉。在官网教程里,在对html元素进行渲染时,都是先定义一个组件。然后使用已定义的组件,通过示例化的方式进行元素的渲染。如果要渲染的内容本来就很简单而且不需要重用,就可以直接在实例化vue对象时指定渲染内容。方法一直接在实例化vue对象时,指定要渲染的内容。使用template或render都可以。当同时都有时,优先使用re...原创 2019-05-03 11:30:38 · 2124 阅读 · 0 评论 -
vue渲染函数中的createElement的props用法详解
一、前言createElement函数的第二个参数中的props属性有些特殊,是一个对象类型,和自定义组件中的props的在用法上是完全不同的。它的用途就像是给子组件提供数据,起个中间人搭桥的作用一样。具体请看下面的代码。二、使用这个组件定义中,显示定义了三个props变量,用于从外面接收数据。第一个createElement函数调用中,第一个参数使用的是一个自定义组件对象,...原创 2019-05-02 16:43:17 · 6755 阅读 · 0 评论 -
vue createElement创建插槽详解
一、默认插槽创建默认插槽的代码如下,很简单,你只需要把this.$slots.default 理解为一个创建默认插槽时,由vue提供的全局静态变量即可。直接拿来用。 Vue.component("slot_render",{ render: function (createElement) { return createEleme...原创 2019-05-02 15:34:38 · 3269 阅读 · 0 评论 -
作用域插槽/createElement的几篇有价值的文章
作用域插槽相关的:https://www.cnblogs.com/liuliliuli2017/p/6838272.htmlhttps://segmentfault.com/a/1190000015884505https://baijiahao.baidu.com/s?id=1608915761061680070&wfr=spider&for=pccreateEle...转载 2019-05-02 14:58:30 · 287 阅读 · 0 评论 -
Vue自定义组件的model属性例子
今天看vue的官方教程 **自定义事件** 中的 **自定义组件的 v-model**时,没看明白,然后百度了好些资料,终于弄明白了。1、v-model语法糖v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。例如下面的例子就实现了变量value和输入值的双向绑定:<div i...原创 2019-04-27 22:41:29 · 12839 阅读 · 0 评论 -
vue渲染函数使用createElement创建可双向绑定的input
昨天晚上开始看官方文档的渲染函数这一节。看完后,对createElement的使用还是懵懵懂懂的,只好动动手,再查查资料,总算有些收获。一、前言对于createElement这个函数的第二个参数,一定要弄清楚attrs,props,domProps这3个属性的用法,什么时候用。今天说的可双向绑定的input,就用到了domProps。二、使用首先定义一个input组件,如下所示:...原创 2019-05-02 14:41:12 · 10808 阅读 · 0 评论 -
Vue2 模板template的四种写法
原文地址:https://blog.csdn.net/xuanwuziyou/article/details/77930803<div id="app"> <h1>我是直接写在构造器里的模板1</h1></div> <template id="demo3"> <h1 style="color:red"&...转载 2019-04-27 18:28:42 · 1220 阅读 · 0 评论 -
组件全局注册和局部注册的讲解
在官网学习vue混入的知识时,找到了一遍很不错的讲解组件注册的文章,正好又把局部注册的知识温习了一遍。此篇文章再配合官网的讲解组件局部注册的知识,相信这方面的知识就掌握的很全面了。https://www.cnblogs.com/CyLee/p/8425191.html官网的:https://cn.vuejs.org/v2/guide/components-registration.ht...转载 2019-05-01 17:49:40 · 575 阅读 · 0 评论 -
vue混入讲解
官方的混入讲解很难理解,网上搜到一个很不错的介绍混入的文章。https://segmentfault.com/a/1190000015698391转载 2019-05-01 17:44:08 · 809 阅读 · 0 评论