免费域名注册网站有哪些,杭州微信网站开发,郑州网络安全科技馆,网络营销工作零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战#xff0c;开发打包微信小程序、抖音小程序、H5、安卓APP客户端等
总时长 23:40:00 共116P
此文章包含第41p-第p47的内容 文章目录 mainifest.json文件配置获取微信小程序appid注册微信小程序微信小程序控制台图形界…零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战开发打包微信小程序、抖音小程序、H5、安卓APP客户端等
总时长 23:40:00 共116P
此文章包含第41p-第p47的内容 文章目录 mainifest.json文件配置获取微信小程序appid注册微信小程序微信小程序控制台图形界面和源码界面可以相互影响 vue.config.js和vite.config.js实现vue模块的自动导入 弹窗APIshowToast 消息提示框字多的时候 小程序需要把icon设置成none才可以自动换行否则最多7个字可以自定义图标mask为true的时候 会阻止其他操作 等提示框消失后才可以操作可以设置成功、失败、无论成败后都会调用的方法可以快速隐藏跳转tabBar页面 showLoading 加载框showModal m模态提示框颜色样式文字可以打开输入框 可以用于输入验证码等信息 showActionSheet底部弹出菜单setNavigationBarTitle 动态设置当前页面标题hideHomeButton 隐藏返回首页按钮setTabBarBadge 设置tabBar角标removeTabBarBadge 删除tabBar的角标showTabBarRedDot 设置tabBar红点hideTabBarRedDot 隐藏tabBar红点onPullDownRefresh下拉刷新处理函数 mainifest.json文件配置 获取微信小程序appid
在微信小程序里需要设置appid才可以使用预览和真机调试等功能 这个appid需要去微信公众平台进行获取
注册微信小程序
个人和企业都可以进行注册 ps:邮箱如果注册过公众号是无法注册小程序的 需要换一个同一个邮箱取别名可以再次注册
微信小程序控制台
注册完成后 可以添加成员 添加后 这个人可以使用这个appid
这里勾选 使用代码压缩因为小程序最多不能超过2MB 图形界面和源码界面可以相互影响 vue.config.js和vite.config.js 这里我们使用vue3 所以我们使用vite.config.js (vite编译速度比webpack要快。webpack让项目完整编译后才运行。vite运行那个页面就编译那个页面。vite类似路由里面的懒加载)
使用vite.config.js 可以同一管理 vue的组件和uniapp的组件每个页面引入的这个删掉进行同一管理
实现vue模块的自动导入
引用链接: 开发uniapp使用Vue3组合式API版本如何实现从vue模块中自动导入
如果没安装过nodejs 需要下载并安装nodejs才可以使用npm命令 安装完以后运行命令 使用命令行窗口打开目录 多出一个文件夹
创建一个新文件vite.config.js 自动导入模块AutoImport个人不建议使用这个插件。还是在页面里引用import比较好
命令npm i 可以自动导入需要的一些包
弹窗API showToast 消息提示框 效果 字多的时候 小程序需要把icon设置成none才可以自动换行否则最多7个字 可以自定义图标 mask为true的时候 会阻止其他操作 等提示框消失后才可以操作 可以设置成功、失败、无论成败后都会调用的方法 可以快速隐藏 跳转tabBar页面
不可以直接使用navigateTo
可以使用reLaunch跳转
showLoading 加载框 加载中的时候 不可以操作后面的东西 所以mask为true 隐藏loading 失败的时候 在请求那里也可以设置隐藏
showModal m模态提示框 颜色样式文字 可以打开输入框 可以用于输入验证码等信息 showActionSheet底部弹出菜单 点击效果 返回的是索引值 setNavigationBarTitle 动态设置当前页面标题 页面切换的时候 标题也是变化的 可以在标题旁边添加loading 和隐藏loading
hideHomeButton 隐藏返回首页按钮
仅微信小程序和京东小程序支持
setTabBarBadge 设置tabBar角标 在App.vue的onLaunch里设置这样是全局都可以看到 removeTabBarBadge 删除tabBar的角标 showTabBarRedDot 设置tabBar红点 hideTabBarRedDot 隐藏tabBar红点 onPullDownRefresh下拉刷新处理函数 startPullDownTefresh
关闭下拉刷新
