摘要: 语法:onclick = {this.函数名} onClick = {this.yourEvent} 事件类型 onClick onChange onSubmit 绑定this方式 第一种:onClick = {this.yourEvent} 需要在构造函数中绑定this第二种:onClick = 阅读全文
posted @ 2020-12-16 15:34 听声是雨 阅读(1279) 评论(0) 推荐(0) 编辑
摘要: 我们可以从封装时钟的外观开始: function Clock(props) { return ( <div> <h1>Hello, world!</h1> <h2>It is {props.date.toLocaleTimeString()}.</h2> </div> ); } function t 阅读全文
posted @ 2020-12-16 13:28 听声是雨 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 元素是构成 React 应用的最小砖块。 将一个元素渲染为 DOM 假设你的 HTML 文件某处有一个 <div>: <div id="root"></div> 我们将其称为“根” DOM 节点,因为该节点内的所有内容都将由 React DOM 管理。 仅使用 React 构建的应用通常只有单一的根 阅读全文
posted @ 2020-12-15 16:35 听声是雨 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 考虑如下变量声明: const element = <h1>Hello, world!</h1>; 这个有趣的标签语法既不是字符串也不是 HTML。 它被称为 JSX,是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有 阅读全文
posted @ 2020-12-15 15:33 听声是雨 阅读(185) 评论(0) 推荐(0) 编辑
摘要: slot是父组件和子组件的通信方式,可以将父组件的类容显示到子组件当中。简单理解就是,在子组件内占坑,父组件坑。 首先是单个插槽,单个插槽是vue的官方叫法,但是其实也可以叫它默认插槽,或者与具名插槽相对,我们可以叫它匿名插槽。因为它不用设置name属性。 下面通过一个例子来展示匿名插槽。 父组件: 阅读全文
posted @ 2020-12-11 16:35 听声是雨 阅读(172) 评论(0) 推荐(0) 编辑
摘要: <el-container style="height: 500px; border: 1px solid #eee"> <el-aside width="200px" style="background-color: rgb(238, 241, 246)"> <el-menu :default-o 阅读全文
posted @ 2020-12-10 11:00 听声是雨 阅读(6413) 评论(0) 推荐(0) 编辑
摘要: 原文链接:https://www.cnblogs.com/helloyoyo/p/12023730.html 阅读全文
posted @ 2020-12-07 12:00 听声是雨 阅读(607) 评论(0) 推荐(0) 编辑
摘要: 项目中的有些组件使用的频率比较高,这时候我们可以注册全局的组件,这样就不用每次使用的组件的时候一次次的导入具体使用的步骤如下一般会把这个常用的组件在main.js文件中注册好1.首先先建立一个公用的组件 // Cmponent.vue 公用的组件 <template> <div> 我是组件 </di 阅读全文
posted @ 2020-12-03 11:34 听声是雨 阅读(390) 评论(0) 推荐(0) 编辑
摘要: npm淘宝镜像指令 npm install cnpm --registry=https://registry.npm.taobao.org npm init -y项目初始化 -y 的含义:yes的意思,在init的时候省去了敲回车的步骤,生成的默认的package.json version 版本号, 阅读全文
posted @ 2020-12-02 16:50 听声是雨 阅读(90) 评论(0) 推荐(0) 编辑
摘要: v-html语法可以把data里的HTML标签和类容解析到网页上比如: data: { message: '<em>菜鸟教程</em>' } 输出 菜鸟教程 //网页显示斜体 什么是v-bind指令(缩写:href="url") v-bind可以绑定属性比如: html代码 <a v-bind:hr 阅读全文
posted @ 2020-12-01 18:02 听声是雨 阅读(116) 评论(0) 推荐(0) 编辑