上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 30 下一页
摘要: slot插槽 (内容分发) a. 单个slot b. 具名slot *混合父组件的内容与子组件自己的模板-->内容分发 *父组件模板的内容在父组件作用域内编译;子组件模板的内容在子组件作用域内编译。 1、基本使用 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2022-04-14 15:22 那就凑个整吧 阅读(159) 评论(0) 推荐(0) 编辑
摘要: fetch和axios axios与fetch实现数据请求 fetch(不是所有浏览器都支持,谷歌浏览器支持),XMLHttpRequest 是一个设计粗糙的 API,配置和调用方式非常混乱,而且基于事件的异步模型写起来不友好。 兼容性不好 polyfill: https://github.com/ 阅读全文
posted @ 2022-04-14 14:49 那就凑个整吧 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 只要变量发生变化,就会执行监听属性中的方法 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/vue.js"></script> </hea 阅读全文
posted @ 2022-04-14 14:40 那就凑个整吧 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 计算属性 插值的普通函数,只要页面一刷新,函数就会重写计算,跟函数没关的值的变化,函数也会重写计算 把函数当成属性来用 》只有这个函数使用的属性(变量)变化,函数才重写运算 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 阅读全文
posted @ 2022-04-14 14:36 那就凑个整吧 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 三种方式 方式一:jquery的ajax方法发送请求(基本不用了) 方式二:js官方提供的fetch方法(XMLHttpRequest)(官方的,用的也少) 方式三:axios第三方,做ajax请求 代码测试 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2022-04-13 22:20 那就凑个整吧 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 生命周期图 1、官网原图 2、我理解的图 生命周期 钩子函数描述 beforeCreate 创建Vue实例之前调用 created 创建Vue实例成功后调用(可以在此处发送异步请求后端数据) beforeMount 渲染DOM之前调用 mounted 渲染DOM之后调用 beforeUpdate 重 阅读全文
posted @ 2022-04-13 22:16 那就凑个整吧 阅读(31) 评论(0) 推荐(0) 编辑
摘要: checkbox选中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>checkbox</title> <script src="https://cdn.bootcdn.net/ajax/libs/vue/2 阅读全文
posted @ 2022-04-12 18:33 那就凑个整吧 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 数据双向绑定 v-model的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ajax/libs/v 阅读全文
posted @ 2022-04-12 18:28 那就凑个整吧 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 事件释义 input 当输入框进行输入的时候 触发的事件 change 当元素的值发生改变时 触发的事件 blur 当输入框失去焦点的时候 触发的事件 change 和 blur 最本质的区别: 如果输入框为空,失去焦点后,change不会触发,但是blur会触发 过滤案例 <!DOCTYPE ht 阅读全文
posted @ 2022-04-12 18:24 那就凑个整吧 阅读(37) 评论(0) 推荐(0) 编辑
摘要: v-if+v-for+v-else控制购物车商品的显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-if + v-for + v-else控制购物车商品的显示</title> <script src= 阅读全文
posted @ 2022-04-12 18:17 那就凑个整吧 阅读(22) 评论(0) 推荐(0) 编辑
上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 30 下一页