摘要: slot 1.作用:使父组件向子组件插入html结构,也是组件间通信的一种方式,父组件 >自组件; 2.分类:默认插槽、具名插槽、作用域插槽; 3.使用方式: 1.默认插槽: 父组件: <Category> <div>html结构</div> </Category> 子组件: <template> 阅读全文
posted @ 2022-04-14 14:59 清水紅葉 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 使用export和import实现模块化:export用于对外输出本模块变量的接口(一个文件可以理解为一个模块)。import用于在一个模块中加载另一个含有export接口的模块。 ES6的模块化的基本规则或特点:现在ES6自带了模块化, 也是JS第一次支持module, 在很久以后 ,我们可以直接 阅读全文
posted @ 2022-04-13 15:38 清水紅葉 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 开启代理服务器(主要为了解决跨域问题,也可以使用nginx服务器) // devServer: { // proxy: "", //代理服务向目标服务器请求 的地址 // }, devServer: { proxy: { //请求前缀,匹配所有与请求前缀相同的请求路径 requestprifix01 阅读全文
posted @ 2022-04-10 19:37 清水紅葉 阅读(76) 评论(0) 推荐(0) 编辑
摘要: nextTick: 小驼峰写法,写错无效;在下一次DOM更新结束后执行回调; this.$nextTick(指定的回调函数) 阅读全文
posted @ 2022-04-08 19:53 清水紅葉 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-04-06 14:00 清水紅葉 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 1.作为一种,子组件 >父组件 的组件间通信方式; 2.使用场景:父组件中需要给子组件绑定自定义事件,并且事件的回调需要在父组件中; 3.绑定: 1.在父组件中:<Demo @CustomCaseName = "test" / > 或 <Demo v-on:CustomCaseName = "tes 阅读全文
posted @ 2022-04-02 16:20 清水紅葉 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 1.存储内容带下一般在5MB左右(不同浏览器不一样); 2.浏览器端通过Window.sessoionStorage和Window.localStorage属性实现本地存储机制; 3.API: 1.sessionStorage.setItem('key','value'); / localStora 阅读全文
posted @ 2022-04-01 18:04 清水紅葉 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 1.拆分静态组件:按功能点拆分,命名不能与html元素冲突; 2.实现动态组件:数据的存放位置,数据是一个组件使用还是一些组件共同使用 1).一个组件使用:放在组件自身; 2).多个组件使用:置于它们共同的父组件(状态提升); 3.实现交互:从绑定事件开始 prop: 1).父组件=>子组件 2). 阅读全文
posted @ 2022-04-01 17:27 清水紅葉 阅读(37) 评论(0) 推荐(0) 编辑
摘要: ref属性:用于给元素或者子组件注册引用信息 当使用于html标签上时获取 真实DOM元素; 当使用于组件标签上时获取 组件的实例对象; 例:<h1 ref = "???" /> 获取:this.$refs.??? 阅读全文
posted @ 2022-03-29 18:03 清水紅葉 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 1.定义组件 使用Vue.extend(options)可以创建一个组件,其中options 和 new Vue(options)时传入的十分相似,但亦有区别: 组件不能配置el,最终所有的组件通过vm实例管理,vm决定着服务于哪个容器; 组件中data需要写成函数型,避免组件被复用时,数据存在引用 阅读全文
posted @ 2022-03-24 18:13 清水紅葉 阅读(29) 评论(0) 推荐(0) 编辑