Vue-起步（5）

最新推荐文章于 2024-06-10 14:13:49 发布
最新推荐文章于 2024-06-10 14:13:49 发布
阅读量125 收藏
点赞数
分类专栏： vue
本文为博主原创文章，署名（BY）-非商业性使用（NC）-禁止演绎（ND），转载请附上原文链接和本申明。
本文链接：https://blog.csdn.net/qq_38060231/article/details/108836247
版权

Vue-起步（5）

一、简单的组件间传值

上一节学习了父组件向子组件传值，这一节学习子组件向父组件传值，实现点击文字删除对应文字
在这里插入图片描述
点击文字“想”，这个字就被删除掉了
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二·、代码

<!DOCTYPE html>
<html>
 <head>
 	<meta charset="utf-8">
 	<title>TodoList</title>
 <script src="./vue.js"
最低0.47元/天 解锁文章
多一点开心
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue-起步（4）
多一点开心
09-27 133
Vue-起步（3）一、组件化的理解二、使用组件 一、组件化的理解 女孩子版：女孩子出门需要选择衣服，鞋子，包包…而这些衣服鞋子什么的可以看作组件，女孩子出门可能要耗时很久也很麻烦，但可以把出门拆分成选择衣服鞋子这一系列的小事情，维护起来也比较简单，比如今天的去爬山不适合高跟鞋，那么只需要重新选择一双鞋子就可以了（如果你们女朋友和你说她换双鞋就可以出门了就代表你可以去洗漱了，如果说她还没想好穿什么衣服鞋子花什么妆那么你还可以去打几把游戏） 男孩子版：做一个项目很难吧，要实现很多功能吧，要加很多班吧，加班要点外
vue-cli起步配置
m0_61886817的博客
03-03 425
1.打开终端cmd，输入以下命令安装vue-cli npm install -g @vue-cli 2. 安装完成后，输入 vue -V查看安装是否成功 3.创建vue项目，打开需要创建的文件位置，打开终端 vue create demo-first 4.创建过程中会弹出以下提示， 问你是否使用更快的淘宝镜像，我选择 No. 5.使用 Vue create 创建项目是使用默认配置（包含babel, eslint）还是手动选择，我选择手动选择。 6.如果不选则默认来看看手动选择.
vue-loader
最新发布
在所有的事情背后，要有一颗坚定的的本心，要有一颗应对变革和提升自我的本心，世界瞬息万变，本心要坚持到底，保持学习，时刻复盘
06-10 1064
1.进入vue-loader的normal处理转换代码为。
VUE学习笔记--vue-cli
CelineT的博客
04-07 1533
vue-cli简介用法、cli目录结构、命令、npm run serve 执行过程、vue-cli的起步文件、使用自定义组件
vue-router 起步步骤详解
10-17
主要介绍了vue-router 起步步骤详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue-第2章 Vue 起步
07-29
在"Vue-第2章 Vue 起步"的学习中，我们将深入理解Vue的核心概念，包括安装、基本语法、数据绑定、指令系统以及组件的创建与使用。 1. **安装Vue** 在开始Vue的学习之前，首先需要将其安装到项目环境中。Vue可以...
vue-first:vue起步
04-16
"vue-first:vue起步"这个标题暗示我们将探讨Vue.js的基础知识，特别是对于初学者入门的内容。 Vue.js的设计目标是简化Web开发，通过声明式渲染数据和组件化结构，使开发者能够更高效地构建可维护的复杂应用。它强调...
jiye-ML#Vue-Study#10.02-02-起步1
07-25
或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：或者：安装教程给出了更多安装 Vue 的方式。如果你喜欢交互式的东西，你也可以查阅这个 S
vue-amap的使用
多一点开心
10-14 7137
vue-amap的使用一、效果图二、安装三、使用 一、效果图 二、安装 第一步：安装 npm install vue-amap --save 第二步：入口main.js文件配置 import VueAMap from "vue-amap"; Vue.use(VueAMap); VueAMap.initAMapApiLoader({ key: "95fa72137f4263f8e64ae01f766ad09c", plugin: [ "AMap.Autocomplete", "AMap
echarts-坐标轴名称过长省略，鼠标移入显示全部
多一点开心
10-10 2309
坐标轴名称过长省略，鼠标移入显示全部一、效果图 一、效果图
Vue基础-条件渲染
多一点开心
10-10 1779
条件渲染一、v-if二、v-show三、v-if和v-show的区别四、用key管理可复用的元素 一、v-if 真正的条件渲染，确保在切换过程中条件块内的事件监听器和子组件适当的被销毁和重建，但他是有惰性的如果初始渲染条件为假，则什么都不做直到第一次条件为真才开始渲染条件块. v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。类似于 v-else，v-else-if 也必须紧跟在带 v-if 或者 v-else-if 的元素之后。 二、v-show 不管
Vue基础-计算属性的getter和Setter
多一点开心
10-06 1175
计算属性的getter和Setter一、getter和setter二、代码 一、getter和setter 当我们取计算属性值的时候会执行get方法，设置的时候会执行set方法 二、代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>计算属性的getter和Setter</title> <script src="./vue.js">&lt
Vue基础-set方法
多一点开心
10-15 1170
Vue.set 使用场景：当生成vue实例后，给原本不存在的属性赋值，赋值成功后的值并不会自动更新到视图上去，这个时候可以用Vue.set 官方介绍： 举例：改变对象 set方法不仅是vue的全局方法还是vue的实例方法，已下这种写法也可以实现页面跟着数据变化 除此之外还可以通过改变对象的引用实现页面跟着数据变 举例：改变数组 除此之外还可以通过数组的变更方法和改变数组的引用实现页面跟着数据变 ...
echarts-图表随着窗口大小自适应
多一点开心
10-10 790
一、图表大小没有随窗口大小自适应 比如放大窗口重新刷新前会出现多余的空白 缩小窗口图表超出范围 二、手动调用resize 官方文档介绍 为了实现图表随着窗口大小自适应
Vue基础-列表渲染
多一点开心
10-15 378
列表渲染一、v-for二、方法三、举例 一、v-for 二、方法 当我们想要修改数组里面的内容的时候，不能直接通过下标的形式改变数组，但是通过vue提供的方法来操作数组能实现数据发生变化页面也跟着变这种效果 pop：删除数组最后一项 push：在数组最后添加一项 shift：删除数组最后一项 unshift：删除数组最后一项 splice：删除数组最后一项 sort：删除数组最后一项 reserve：删除数组最后一项 三、举例 push方法可以给数组添加数据并在页面显示 但如果直接通过数组下标的形式添加
Vue基础-事件绑定
多一点开心
10-19 283
事件绑定一、事件绑定二、事件修饰符 一、事件绑定 绑定的方法名后面是否加（）结果可能不同哦，分别点击三个button按钮查看打印结果 二、事件修饰符 当我们点击提交的时候页面会自动跳转到abc这个网址 如果我们想阻止这个默认行为该怎么办呢？ 我们绑定一个事件在里面阻止默认行为就可以了，但在vue中可以不用这么麻烦 vue提供了一种事件修饰的语法，.prevent就是一种事件修饰符 .stop 防止事件冒泡 .prevent .capture .self .once .passive ...
Vue深入理解组件-使用组件的细节点
多一点开心
10-28 187
使用组件的细节点一、使用组件的细节点 一、使用组件的细节点
Vue基础-计算属性，方法，侦听器
多一点开心
10-06 165
计算属性，方法，侦听器一、计算属性 一、计算属性 什么情况下要使用计算属性呢 如上图为了展示想要的数据，插值表达式写的太长了，为了把要展示的数据提前处理好让插值表达式变简洁，这个时候就要使用计算属性了 计算属性有个特点，它是内置缓存的 ...
vue使用ts 引入组件_（Vue起步）4.组件使用:Vue.component（props/template）
06-06
当使用 TypeScript 开发 Vue 组件时，可以使用 @Component 装饰器来定义组件。 首先需要在项目中安装 `vue-class-component` 和 `vue-property-decorator` 两个依赖。 ```bash npm install vue-class-component ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值