- 博客(4)
- 收藏
- 关注
原创 Vue框架入门(四)
文章目录一、插槽1.概念2.插槽的类型(1)默认插槽的使用(2)具名插槽的使用第二种使用方式二、组件间通信1.父组件给子组件传值2. 定义props的类型和默认值3.子组件通过`$emit`传递数据给父组件三、动态组件的使用四、路由简易的前端路由 一、插槽 插槽可以使组件的模板变得多样性,打通了组件与组件之间的通信(数据传递) 1.概念 Vue实现了一套内容分发的API,将元素作为承载分发内容的出口 <slot>元素作为承载内容的分发出口,可以理解为是一个占位符,或者说子组件爆漏了一个让父组件传
2022-01-10 16:37:03
392
原创 Vue框架入门(三)
文章目录一、作用域二、组件的命名三、组件的注册1.全局组件的注册2.局部组件的注册3.注册第一个组件四、给组件添加点击事件五、组件的复用 一、作用域 作用域有两种:全局作用域和局部作用域 1.全局作用域:是在script双标签之间的区域,在这个区域之间声明的函数或者变量被称为全局变量和全函数。 2.局部作用域:局部作用域就是在函数的花括号之间的区域,在局部作用域声明的函数或者变量被称为局部函数和局部变量 注意:变量只能在声明的当前作用域内被访问,函数只能在被声明的当前作用域内被调用 var a = 10
2022-01-07 19:26:51
806
原创 Vue框架入门(二)
文章目录一、`v-if` 和 `v-show`二、`v-for`循环结构1.基于数组渲染列表2.索引3.循环json格式的数组4.循环遍历对象 一、v-if 和 v-show v-if根据条件是否满足,选择渲染dom数据 <div id="app"> <div>{{msg}}</div> <div v-if="score >90">优秀</div> <div v-else-if="score<30 && sco
2022-01-06 20:44:47
258
原创 Vue框架入门(一)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、简单使用Vue二、数据响应式1.引入库2.读入数据总结前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结 前言 提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。 提示:以下是本篇文章正文内容,下面案例可供参考 一、简单使用Vue <!DOCTYPE html> <html l
2022-01-04 13:22:20
555
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅