| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> vue进阶复习笔记3 -> 正文阅读 |
|
[JavaScript知识库]vue进阶复习笔记3 |
一、组件通信之子传父给父组件发送信息需要使用$emit(参数一,参数二)方法,第一个参数为自定义方法名,第二个参数为需要传递的值。 案例:
结果: ? 二、父组件直接操作子组件的属性和方法父组件有两种方式对子组件进行操作: 1.$children方法 通过$children访问子组件时,是一个数组类型,访问其中的子组件必须通过索引值。 但是当子组件过多,我们需要拿到其中一个时,往往不能确定它的索引值,甚至还可能会发生变化,所以不推荐使用。
2.$refs方法 $refs的方法更加人性化,我们想明确获取其中一个特定的组件,这个时候就可以使用$refs $refs和ref指令通常是一起使用的。 我们通过ref给某一个子组件绑定一个特定的ID。 通过this.$refs.ID找到这个特定的ID就可以访问到该组件了。
三、子组件直接操作父组件的属性和方法子组件有两种方式对父组件进行操作: 两者的区别是如果存在多级子组件,通过$parent访问得到的是它最近一级的父组件,通过root访问得到的是根组件。 1.$parent方法
2.$root方法
四、安装node以及vue-cil步骤1.安装node,使用node -v查看是否安装成功 2.安装vue-cli 使用npm install -g @vue/cli安装vue-cli 使用vue -V查看是否安装完成 ? 3.切换镜像 如果多次安装失败,可切换镜像,切换为华为镜像会快一点 npm?config?set?registry?https://mirrors.huaweicloud.com/repository/npm/ 五、创建Vue项目1.使用vue? create 项目名创建项目 2.创建项目模板 选择Manually select features 创建新的项目模板 ? 3.选择要下载的插件 一般选择以下四个,按空格键选择,按回车下一步 ?4.选择版本 五、选择是否保存模板 如果保存的话,下一次就可以直接用保存好的模板创建项目 六、选择配置信息存放位置,单独存放或者并入package.json 一般选择存入package.json ?设置完成后项目自动创建完成,若创建太man或创建失败,一定要修改镜像 |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/23 12:49:40- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |