Sherwin_szw - 博客园

2022年10月30日

摘要：不具名插槽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte 阅读全文

posted @ 2022-10-30 15:50 Sherwin_szw 阅读(5) 评论(0) 推荐(0) 编辑

动态组件 keep-alive

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-10-30 12:38 Sherwin_szw 阅读(26) 评论(0) 推荐(0) 编辑

2022年10月29日

组件通信

摘要：概念各个组件间，数据，方法，都是隔离的通过自定义属性，实现父传子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" 阅读全文

posted @ 2022-10-29 18:23 Sherwin_szw 阅读(17) 评论(0) 推荐(0) 编辑

组件化开发基础

摘要：概念 # 作用：扩展 HTML 元素，封装可重用的代码，目的是复用 -例如：有一个轮播，可以在很多页面中使用，一个轮播有js，css，html -组件把js，css，html放到一起，有逻辑，有样式，有html # 多组件页面和单组件页面 -官方推荐，以后一个组件是一个 xx.vue 文件》编译阅读全文

posted @ 2022-10-29 18:01 Sherwin_szw 阅读(15) 评论(0) 推荐(0) 编辑

监听属性

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-10-29 17:58 Sherwin_szw 阅读(13) 评论(0) 推荐(0) 编辑

2022年10月28日

计算属性

摘要：概念计算属性： 1 以后当属性用 2 只有关联的数据变化，才重新运算 3 有缓存，数据没有变化，页面再更新，它也不变化例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> < 阅读全文

posted @ 2022-10-28 14:53 Sherwin_szw 阅读(7) 评论(0) 推荐(0) 编辑

后端交互(ajax,fetch和axios)

摘要：跨域问题 -浏览器有个安全策略：不允许向不同域(地址+端口号)发送请求获取数据，浏览器的同源策略 -解决跨域： -后端的Cors(跨域资源共享)技术：就是在响应头中加入允许即可Https://Www.Cnblogs.Com/Sherwin1995/Articles/16832830.Html -N 阅读全文

posted @ 2022-10-28 11:26 Sherwin_szw 阅读(36) 评论(0) 推荐(0) 编辑

2022年10月27日

drf 解决跨域

摘要：方法1 安装django-cors-headers pip install django-cors-headers settings INSTALLED_APPS = [ 'corsheaders', ] MIDDLEWARE = [ 'corsheaders.middleware.CorsMidd 阅读全文

posted @ 2022-10-27 16:49 Sherwin_szw 阅读(50) 评论(0) 推荐(0) 编辑

Vue生命周期

摘要：它们有生命周期：从创建开始，到销毁 vue中总共生命周期有8个钩子函数(4对)，依次调用钩子的意思：aop的体现 beforeCreate 创建Vue实例，组件实例对象创建之前调用 created 创建Vue实例成功后调用（咱们用的对，可以在此处发送ajax请求后端数据） beforeMount 阅读全文

posted @ 2022-10-27 10:43 Sherwin_szw 阅读(21) 评论(0) 推荐(0) 编辑

2022年10月25日

v-model进阶

摘要： lazy：双向数据绑定，只要修改输入框的值，就再更新数据，耗费资源，加了lazy后，等不输入了，变量再变化 number：输入框，只接收数字部分，如果输入了 123asdfasd,只保留123 数字部分 trim：去掉输入内容前后的空 <!DOCTYPE html> <html lang="en" 阅读全文

posted @ 2022-10-25 20:08 Sherwin_szw 阅读(13) 评论(0) 推荐(0) 编辑