摘要: 1 mvvm的理解 M:model 业务层 应用的数据和业务逻辑 V:view 视图层 展示页面和组件 VM: viewModel 业务逻辑层 框架封存的核心 负责将业务层和视图层联系起来 有点:实现数据的双向绑定 1 mvc 3 Vue 实例还暴露了一些有用的实例 property 与方法。它们都 阅读全文
posted @ 2022-07-01 16:27 青橙娃娃 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 1引用方式: 1)npm i element-ui -S 2)<!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入组件库 --> <scr 阅读全文
posted @ 2021-06-25 16:37 青橙娃娃 阅读(512) 评论(0) 推荐(0) 编辑
摘要: import React from 'react'; // import ReactDOM from 'react-dom'; import './App.css'; class LoginCtrol extends React.Component { constructor(props) { su 阅读全文
posted @ 2021-04-02 15:33 青橙娃娃 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 1 className={} style={{}}得原因: react的普遍写法一个{}代表里面是一个可执行的代码块,className只有一个{},而style之所以有两个{},是因为react里的style需要是一个对象,所以就多出了一个{}来包住样式属性,使其成为一个对象,所以当要实现多个行内 阅读全文
posted @ 2021-03-12 10:37 青橙娃娃 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 轮播组件 1 dom加载后自动轮播 2 图片循环轮播 2 手动轮播时停止自动轮播,手动轮播结束2s后启动自动轮播 import React from 'react'; import ReactDOM from 'react-dom'; import './App.css'; class Ha ext 阅读全文
posted @ 2021-03-11 17:30 青橙娃娃 阅读(178) 评论(0) 推荐(0) 编辑
摘要: JS函数的调用时机不同,得到的结果不同。 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。意思就是尽快,而不是马上。 1、解释为什么如下代码会打印 6 个 6 let i = 0 for(i = 0; i<6; i++){ setTimeout(()=>{ console.l 阅读全文
posted @ 2021-03-11 10:30 青橙娃娃 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 1 搭建项目 安装node.js环境 npm install -g create-react-app create-react-app my-project cd my-project npm start 2 创建子组件的几种方式 1)函数式定义 函数式定义的无状态组件(负责根据传入的props来展 阅读全文
posted @ 2021-03-10 17:50 青橙娃娃 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 1、跨域 指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。 2、同源策略 是指协议,域名,端口都要相同,其中有一个不同都会产生跨域,在请求数据时,浏览器会在控制台中报一个异常,提示拒绝访问。 3、跨域问题怎么出现的 开发一些前后端分离的 阅读全文
posted @ 2021-03-09 14:50 青橙娃娃 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 1 说明 mapState和mapGetter 获取state和getters;mapState和mapGetter是映射为计算属性=>获取数据(方便简洁写法) mapMutations 和mapActions方便操作mutations和actions方法 ;mapMutations 和mapAct 阅读全文
posted @ 2021-03-05 14:51 青橙娃娃 阅读(129) 评论(0) 推荐(0) 编辑
摘要: Bus作为一个中转站,实现非父子之间组件之间的通信. bus本质上是vue对象,传递的方法本质上就是emit与on 使用方法说明: 第一种:使用单独的js文件 1 ,bus.js import Vue from 'vue' export default new Vue()2 文件A import B 阅读全文
posted @ 2021-03-01 09:44 青橙娃娃 阅读(123) 评论(0) 推荐(0) 编辑