vue学习
feyman很努力
这个作者很懒,什么都没留下…
展开
-
自定义指令
自定义指令当指令第一次被绑定到元素上的时候,会立即触发发bind函数形参中的el表示当前指令绑定到的那个DOM对象。我们还可以在data中自定义一个color:blue ,然后在将值传给v-color="color"。如果我们想修改为红色,可data数据中没有red属性,我们不能只写为v-color:"red"。原因是vue在data中找不到red,但我们可以写为v-color:"‘red’"!那我们如何拿到data中color的值呢?我们可以在bind中传递一个bindi.原创 2021-12-07 12:20:53 · 64 阅读 · 0 评论 -
插槽slot
插槽(slot)是vue组件的封装者提供的能力。允许开发者在组装组件时,把不确定、希望由用户指定的部分定义为插槽。slot的name属性vue官方规定每一个slot插槽,都要有一个name名称,如果省略了slot的那么属性,则会有一个默认名称叫做default。默认情况下,在使用组件的时候,提供的内容会被填充到名字为default的插槽中。1.如果要把内容填充到指定名称的插槽中,,要使用v-slot指令2.v-slot指令后面要跟上插槽的名字3.v-slot指令不能直接.原创 2021-12-06 19:55:56 · 416 阅读 · 0 评论 -
keep-alive组件
keep-alive基本用法作用:防止组件被隐藏的时候被销毁了使用方法:直接在想要作用的组件上添加标签<keep-alive></keep-alive>keep-alive 可以把内部的组件进行缓存,而不是销毁组件keep-alive对应的生命周期当组件第一次被创建的时候,会执行created生命周期,也会执行activeted生命周期,当组件被激活的时候,只会触发activated生命周期,不在触发created。因为组件没有被重新...原创 2021-12-06 19:54:14 · 312 阅读 · 0 评论 -
如何实现动态组件渲染
1.component标签是vue内置的,作用:组件的占位符2.is属性值,表示要渲染的组件名字3.is属性值,应该是组件在components节点下注册的名称原创 2021-12-06 19:52:05 · 201 阅读 · 0 评论 -
如何在vue的项目中,安装node_moules包
只需要在自己项目里打开终端,输入npm i 即可原创 2021-12-06 19:06:18 · 1516 阅读 · 0 评论 -
兄弟组件中数据共享
tip:注意created与data平级原创 2021-12-04 17:30:58 · 1000 阅读 · 0 评论 -
子组件向父组件传递共享数据
$emit中第一个参数是自定义事件的名称,类似click,第二个参数是要传递的值在父组件中要调用自定义事件(方法和调用click事件一样 @click=“ ”),再通过val接受子组件传递过来的值原创 2021-12-04 16:28:15 · 340 阅读 · 0 评论 -
vue父组件向子组件传值
父组件向子组件传递共享数据:父组件中,通过子组件的标签进行传值,通过v-bind去绑定这些属性值,在子组件中通过props去声明这些自定义属性。(或者可以理解为通过props进行接收数据)tips:一定要在父组件中注意导入vue的包,否则无法渲染插值表达式如何修改props中的值不建议修改props中的值如果非要修改props中的值可以通过图示进行修改...原创 2021-12-04 15:19:04 · 369 阅读 · 0 评论 -
props组件
props是自定义属性,允许使用者通过自定义属性,为当前组件指定初始值自定义属性的名字,是封装者自定义的只要合法就可以。props可以结合v-bind一起使用:props给属性传递的是一个字符串,如若想传递一个数字可在属性名称前添加v-bind或者添加:props中的数据可以直接在模板结构中渲染使用,但是props是只读的(功能上可以实现修改,但直接修改容易造成props中的数据被覆盖,所以不建议修改props中的数据,造成终端报错)如果想实现props中数据修改的功能,可.原创 2021-12-03 18:34:11 · 698 阅读 · 0 评论 -
设置vue全局组件
原创 2021-12-03 10:04:15 · 108 阅读 · 0 评论 -
使用vue组件的三大步骤
原创 2021-12-03 10:03:17 · 341 阅读 · 0 评论