2019年最全最新Vue、Vuejs教程,从入门到精通【p64-p90】

本文主要是介绍2019年最全最新Vue、Vuejs教程,从入门到精通【p64-p90】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

2019年最全最新Vue、Vuejs教程,从入门到精通

一、父子组件的访问方式
1.父组件访问子组件:使用dolor符号children或dolor符号refs
-使用children的时候,获取的是一个子组件数组,可以通过循环的访问遍历每一个子组件,也可以通过下标的访问单独访问某一个子组件。但是一但子组件的顺序和数量发生变化,就不是那么好用了。refs可以直接访问到某一个子组件,此时使用refs,更方便一些。
-区别:children可以访问到所有的子组件,而,是一个数组类型。refs是一个对象类型,默认是一个空的对象,当给子组件设置了标识ref,那么它就可以访问到设置了标识的子组件。
2.子组件访问父组件$parent和dolor符root
-通过parent可以访问到父组件的值,但是一般情况下开发中不这么使用。在开发中,我们会把许多小功能抽成组件,一方面可以方便复用这些功能,另一方面可以降低子组件和父组件的耦合度。如果说我们通过parent去访问父组件的值,可能会出现某些父组件有,但某些父组件没有这个值的情况,这样会增加父子组件间的耦合度,造成一定的混乱。

二、插槽
1.为什么使用slot
-组件的插槽是为了让我们封装的组件更加具有拓展性
-使用者可以决定组件内部的一些内容到底展示什么
-有些组件在很多页面中都会使用到,但是每个页面中却有一部分不一样的地方,这个时候我们就要保留共性,并且将不同之处加以修改,插槽就是用来修改不同之处的。
2.插槽的基本使用
-在template标签中使用slot标签
-插槽中可以使用默认值
-如果有多个值,同时放入到组件进行替换时,一起作为替换元素
3.编译作用域
-父组件模板的所有东西都会在父级作用域内编译;子组件模板的所有东西都会在子级作用域内编译,所以变量是否显示的关键在于它本身的作用域中是否有这个变量。
4.具名插槽和作用域插槽
-可以在slot标签中设置name=“abc”,然后使用v-slot:abc对有name的slot进行匹配,再一一对应的进行组件设置。
-可以在slot标签中设置 :aaa:“需要获取的变量名” ,再使用v-slot=“用来接收数据的变量名(bbb)”,使用bbb.aaa就可以在父组件中使用子组件作用域内的变量
-v-slot要

这篇关于2019年最全最新Vue、Vuejs教程,从入门到精通【p64-p90】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/936296

相关文章

windos server2022的配置故障转移服务的图文教程

《windosserver2022的配置故障转移服务的图文教程》本文主要介绍了windosserver2022的配置故障转移服务的图文教程,以确保服务和应用程序的连续性和可用性,文中通过图文介绍的非... 目录准备环境:步骤故障转移群集是 Windows Server 2022 中提供的一种功能,用于在多个

Golang的CSP模型简介(最新推荐)

《Golang的CSP模型简介(最新推荐)》Golang采用了CSP(CommunicatingSequentialProcesses,通信顺序进程)并发模型,通过goroutine和channe... 目录前言一、介绍1. 什么是 CSP 模型2. Goroutine3. Channel4. Channe

龙蜥操作系统Anolis OS-23.x安装配置图解教程(保姆级)

《龙蜥操作系统AnolisOS-23.x安装配置图解教程(保姆级)》:本文主要介绍了安装和配置AnolisOS23.2系统,包括分区、软件选择、设置root密码、网络配置、主机名设置和禁用SELinux的步骤,详细内容请阅读本文,希望能对你有所帮助... ‌AnolisOS‌是由阿里云推出的开源操作系统,旨

PyTorch使用教程之Tensor包详解

《PyTorch使用教程之Tensor包详解》这篇文章介绍了PyTorch中的张量(Tensor)数据结构,包括张量的数据类型、初始化、常用操作、属性等,张量是PyTorch框架中的核心数据结构,支持... 目录1、张量Tensor2、数据类型3、初始化(构造张量)4、常用操作5、常用属性5.1 存储(st

Java操作PDF文件实现签订电子合同详细教程

《Java操作PDF文件实现签订电子合同详细教程》:本文主要介绍如何在PDF中加入电子签章与电子签名的过程,包括编写Word文件、生成PDF、为PDF格式做表单、为表单赋值、生成文档以及上传到OB... 目录前言:先看效果:1.编写word文件1.2然后生成PDF格式进行保存1.3我这里是将文件保存到本地后

windows系统下shutdown重启关机命令超详细教程

《windows系统下shutdown重启关机命令超详细教程》shutdown命令是一个强大的工具,允许你通过命令行快速完成关机、重启或注销操作,本文将为你详细解析shutdown命令的使用方法,并提... 目录一、shutdown 命令简介二、shutdown 命令的基本用法三、远程关机与重启四、实际应用

vue解决子组件样式覆盖问题scoped deep

《vue解决子组件样式覆盖问题scopeddeep》文章主要介绍了在Vue项目中处理全局样式和局部样式的方法,包括使用scoped属性和深度选择器(/deep/)来覆盖子组件的样式,作者建议所有组件... 目录前言scoped分析deep分析使用总结所有组件必须加scoped父组件覆盖子组件使用deep前言

python库fire使用教程

《python库fire使用教程》本文主要介绍了python库fire使用教程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1.简介2. fire安装3. fire使用示例1.简介目前python命令行解析库用过的有:ar

VUE动态绑定class类的三种常用方式及适用场景详解

《VUE动态绑定class类的三种常用方式及适用场景详解》文章介绍了在实际开发中动态绑定class的三种常见情况及其解决方案,包括根据不同的返回值渲染不同的class样式、给模块添加基础样式以及根据设... 目录前言1.动态选择class样式(对象添加:情景一)2.动态添加一个class样式(字符串添加:情

LinuxMint怎么安装? Linux Mint22下载安装图文教程

《LinuxMint怎么安装?LinuxMint22下载安装图文教程》LinuxMint22发布以后,有很多新功能,很多朋友想要下载并安装,该怎么操作呢?下面我们就来看看详细安装指南... linux Mint 是一款基于 Ubuntu 的流行发行版,凭借其现代、精致、易于使用的特性,深受小伙伴们所喜爱。对