前端
Vue中的keep-alive是什么意思?以及如何使用
一、keep-alive是什么?
<keep-alive>是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们!
<keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件中,作为标签使用 包裹在需要缓存的组件中
注意:
1. include 字符串
Vue 组件间通信有哪几种方式
Vue 组件间通信主要指以下 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信
1.props / $emit 适用 父子组件通信
props是父组件将值传给子组件,$emit是子组件通过派发事件的方式将值传给父组件
2.ref 与 $parent / $children 适用 父子组件通信
1)ref:如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指
React学习之——条件渲染(个人笔记)
React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。
if运算符
function UserGreeting(props) {
return <h1>Welcome back!</h1>
vue.config.js中的webpack配置,优化及多页面应用开发
目录
一、vue.config.js中常用的配置
1、导出模块
2、publicPath 部署应用包的基本Url
3、outputDir 输出文件目录
4、assetsDir 打包后生成的静态资源目录
5、lintOnSave
6、productionSourceMap 生产环境的 source map
7、devServer
8、 chainWebpack webpack配置
9、confi
context in flask 2023-04-18
flask
what is a flask application
a flask application is a normal, just a normal python object of class Flask. An instance of this class will be our WSGI application.
here is the simplest way to creat