2021年1月31日
父子组件的通信
摘要： 父子组件关系图 子组件通过props属性拿到父组件的内容，父组件通过接受子组件发射的事件拿到子组件内容 父组件向子组件传递数据 在父组件里以标签的形式写入子组件 通过v-bind动态绑定子组件的属性来获取父组件的数据，此时banners=bbanners <home-swiper :banners= 阅读全文
posted @ 2021-01-31 00:55 journey-of-dreams 阅读(348) 评论(0) 推荐(0) 编辑
导航守卫
摘要： 什么是导航守卫 vue-router提供的导航守卫主要用来监听路由的进入和离开 vue-router提供了beforeEach()和afterEach()等钩子函数，这些钩子函数分别会在路由改变前后触发，正是这些钩子函数构成了导航守卫 记住参数或查询的改变并不会触发进入/离开的导航守卫 导航守卫的使 阅读全文
posted @ 2021-01-31 00:33 journey-of-dreams 阅读(90) 评论(0) 推荐(0) 编辑
vue插槽的使用
摘要： 插槽的功能 插槽是为了使设备具有扩展性，而组件中的插槽同样是为了使组件具有扩展性 插槽的使用方式 抽取共性，保留不同 将共性抽取到组件中，将不同暴露为插槽 一旦我们预留了插槽，就可以让使用者根据自己的需求，决定插槽中插入什么内容 插槽的基本使用 使用特殊标签<slot></slot>即可设置一个插槽 阅读全文
posted @ 2021-01-31 00:12 journey-of-dreams 阅读(146) 评论(0) 推荐(0) 编辑
2021年1月30日
表单绑定v-model
摘要： 表单绑定v-model v-model的引入 表单控件在实际开发中是非常常见的，特别是对于用户信息的提交，需要大量的表单。 Vue中使用v-modle可以实现表单元素与数据的双向绑定 什么叫双向绑定? 在为文本框绑定v-model属性后，在文本框中输入的任意内容都会的传递给message，messa 阅读全文
posted @ 2021-01-30 23:20 journey-of-dreams 阅读(148) 评论(0) 推荐(0) 编辑
基础语法2
摘要： 列表循环 wx:for="数组或对象" wx:for-item="循环项名称" wx:for-index="循环项索引" wx:for-key="唯一值"，用于提高列表渲染的性能 wx:for-key="*this"，遍历数组的每一项，要求当前数组每一项不能有重复 如果只有一层循环，(wx:for- 阅读全文
posted @ 2021-01-30 15:49 journey-of-dreams 阅读(51) 评论(0) 推荐(0) 编辑
基础语法1
摘要： wxss与css的比较 样式rpx rpx是可以根据屏幕自适应的单位 view{ width: 200rpx; height: 200rpx; background-color: aqua; } 样式引入 通过@import引入 引入的路径必须是相对路径 @import "../../styles/ 阅读全文
posted @ 2021-01-30 15:45 journey-of-dreams 阅读(66) 评论(0) 推荐(0) 编辑
app.json文件配置
摘要： pages 页面路径的存放列表 通过手写页面路径可以在对应目录下自动创建对应文件 "pages": [ "pages/demo3/demo3", "pages/demo1/demo1", "pages/index/index", windows 全局的默认窗口表现 "window": { // 设置 阅读全文
posted @ 2021-01-30 15:40 journey-of-dreams 阅读(271) 评论(0) 推荐(0) 编辑
小程序中支持es7的async语法
摘要： 小程序中支持es7的async语法 es7的 async 号称是解决回调的最终⽅案 在⼩程序的开发⼯具中，勾选 es6转es5语法 下载 facebook的regenerator库中的 在⼩程序⽬录下新建⽂件夹 lib/runtime/runtime.js ，将代码拷⻉进去 在每⼀个需要使⽤asyn 阅读全文
posted @ 2021-01-30 15:38 journey-of-dreams 阅读(137) 评论(0) 推荐(0) 编辑
小程序滚动及相关滚动事件
摘要： scroll-view scroll-view是可滚动的区域，在这个区域中如果内部的内容超出了这个区域，就可以通过滚动查看超出区域的内容，因此使用scroll-view时通常要为它设置一个具体高度 <scroll-view scroll-y class="left_menu" style="heig 阅读全文
posted @ 2021-01-30 15:36 journey-of-dreams 阅读(1252) 评论(0) 推荐(0) 编辑
小程序父子组件通信
摘要： 父组件向子组件传递数据 在父组件的文件夹中的.json文件下引入子组件 { "usingComponents": { //"Tab" 是自己定义的组件名称 //"../../components/Tab/Tab" 是组件的路径 "Tab":"../../components/Tab/Tab" } } 阅读全文
posted @ 2021-01-30 15:34 journey-of-dreams 阅读(107) 评论(0) 推荐(0) 编辑