工作区禁用Vetur 插件(Vue2 插件和 Vue3 插件冲突) 工作区禁用@builtin typescript 插件(禁用后自动开启 Vue3 的 TS 托管模式) 安装uni-app 插件 👉 安装 uni-app 开发插件 uni-create-view:快速创建 uni-app 页面 uni-helper:uni-app 代码提示 uniapp 小程序扩展:鼠标悬停查文档 👉 TS 类型校验 安装...
全局样式,在根目录下的app.vue里写入,每个页面都会加载app.vue里的样式。 另外,vue支持组件导入,可以更方便的封装一个包括界面、js、样式的库。 如下是导入一个角标的组件库,在页面上显示一个abc并且右上角有个数字角标1,详见 <template> <view> <uni-badge text="abc" :inverted="true"></uni-badge><!
现在是.vue文件,开发是vue,经过编译后,运行时已经变成了js文件。 现代前端开发,很少直接使用HTML,基本都是开发、编译、运行。所以uni-app有编译器、运行时的概念。 文件内代码架构的变化 以前一个html大节点,里面有script和style节点; 现在template是一级节点,用于写tag组件,script和style是并列的一级节点,也就是有...
uniBadge //2.注册组件(这步属于传统vue规范,但在uni-app的easycom下可以省略这步) } } 如需要全局导入vue组件,即每个页面都可以直接使用而不用引用和注册的话,在项目根目录下的main.js里处理。如下是hello uni-app里的例子。 //main.js import pageHead from './components/page-head.vue' //导入 Vue...
uni-app 网络模型 前后端分离,通过js api(类似ajax的uni.request)获取json数据,把数据绑定在界面上渲染 文件类型 现在是.vue文件,开发是vue,经过编译后,运行时已经变成了js文件。 现代前端开发,很少直接使用HTML,基本都是开发、编译、运行。所以uni-app有编译器、运行时的概念。
插件:使用插件扩展 Pinia 功能 为JS 用户提供适当的 TypeScript 支持或 autocompletion 服务器端渲染支持 Pinia 目前也已经是 vue 官方正式的状态库。适用于 vue2 和 vue3。可以简单的理解成 Pinia 就是 Vuex5。也就是说, Vue3 项目,建议使用Pinia。
vue-router没有了,改成了uni.navigateTo uni-app的js api还有很多,但基本就是小程序的api,把wx.request改为uni.request即可。详见 uni-app在不同的端,支持条件编译,无限制的使用各端独有的api, uniapp自带路由和请求方式 uni.navigateTo路由与页面跳转 ...
uni-app的pages.json里可以配置原生下拉刷新,但引擎内置的下拉刷新样式只有雪花和circle圈2种样式。如果你需要自己做复杂的下拉刷新,推荐使用nvue的refresh组件。当然插件市场里也有很多vue下的自定义下拉刷新插件,只要是基于renderjs或wxs的,性能也可以商用,只是没有nvue的refresh组件更极致。
使用HBuilderX创建的项目不带d.ts,HBuilderX内置了uni-app语法提示库。如需把HBuilderX创建的项目在其他编辑器打开并且补充d.ts,可以在项目下先执行npm init,然后npm i @types/uni-app -D,来补充d.ts。 但vscode等其他开发工具,在vue或uni-app领域,开发效率比不过HBuilderX。详见:https://ask.dcloud.net...
回到HBuilder X 项目中,在 manifest.json 文件的 APP 原生插件配置项中,我们原则云端插件,可以在弹框中看到我们刚刚添加的原生增强提示框插件。 勾选插件。 image.png 原生增强提示框插件 主页,提供了插件接入示例代码,我们将接入示例代码添加到 index.vue 的 ...