前端
文章平均质量分 52
Double Handsome
C->Java(HTML5、CSS、JS、JQuery、MySQL)->Python->Go->Ruby
->Vue->微信小程序->C++,目前从事C++相关的工作......
展开
-
微信小程序入门案例(二)
6、onReachBottom() 会在上拉到距离屏幕底部50像素(默认50像素,可在对应的.json文件中修改)时调用,首先判断下一页是否还有数据需要,如果没有的话,wx.showToast()方法会在屏幕中跳出提示对应的提示框,显示title中的内容,如果有的话,修改page的值,再次发送请求下一页的数据。在home.wxml,将九宫格的数据添加导航,并传递对应的id和name,用于详情页的标题和发起其对应请求,代码如下。点击美食,跳转到美食的详情页,点击洗浴足疗跳转对应的详情页,以此类推…原创 2023-04-05 21:41:18 · 500 阅读 · 0 评论 -
微信小程序前端零基础入门案例
在pages文件夹下,每个文件夹下都有四个xx.js,xx.json,xx.wxml,xx.wxss,其中js后缀的文件保存的是data数据和methods方法,属于逻辑代码,json后缀的文件保存的是本页面的配置(入门暂时用不到),wxml后缀的文件保存的是类似浏览器中的HTML,wxss相当于浏览器中的css样式。swiper是轮播图标签,view相当于div,image相当于img,image中的src相当于href,wx:for相当于vue中的v-for,wx:key相当于v-key,原创 2023-04-03 20:23:45 · 565 阅读 · 0 评论 -
Vue3新特性之组合式API
组合式 API (Composition API) 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书写 Vue 组件。3、依赖注入:例如 provide() 和 inject(),使我们可以在使用响应式 API 时,利用 Vue 的依赖注入系统。2、生命周期钩子:例如 onMounted() 和 onUnmounted(),使我们可以在组件各个生命周期阶段添加逻辑。1、响应式 API:例如 ref() 和 reactive(),使我们可以直接创建响应式状态、计算属性和侦听器。原创 2023-04-01 17:07:13 · 298 阅读 · 0 评论 -
Vue配置嵌套路由并传递参数
2、使用编辑器(我用的是idea)打开新建的项目,在src目录下,新建一个views文件夹,在该文件夹下,创建文件About.vue作为父路由,创建AboutUs.vue和AboutCon.vue两个文件作为子路由代码如下,1、在目标文件夹的下,直接输入cmd回车,出现如下dos窗口后,直接输入如下命令,新建一个基于webpack的vue项目, 配置步骤略过,本文的重点在嵌套路由以及参数的传递。其中, to=“/about/con/通知2”,通知2是父路由向子路由传递的参数,原创 2023-03-30 18:58:16 · 376 阅读 · 0 评论 -
vue父组件向子组件通过props实现数据传递详解
5、子组件接收数据,并渲染页面,代码如下,其中props是用来接收父组件传递的字符串数据‘你好,Vue!’,其中text对应父组件中传递来的属性名,其中数据类型为String,默认为空字符串,4、父组件向子组件传递数据,代码如下,在中,text是向子组件传递的属性名,message是父组件向子组件传递的数据,其中:不能缺少,表示动态传递数据,1、在父组件app.vue的scripts下引入子组件HelloWorld.vue,例如。3、在父组件的template下渲染子组件的内容,原创 2023-03-29 18:02:25 · 986 阅读 · 0 评论 -
vue子组件向父组件传递数据详解
5、父组件接收数据,代码如下,在中调用子组件的自定义事件receive和父组件的getMsg方法,其中getMsg(data)方法中的data是用来接收子组件携带的数据,从而实现了从子组件到父组件数据的传递。1、在父组件app.vue的scripts下引入子组件HelloWorld.vue,例如。4、子组件向父组件传递数据,代码如下,点击按钮后,调用sendMsg方法。3、在父组件的template下渲染子组件的内容,原创 2023-03-29 17:08:47 · 1435 阅读 · 0 评论