写点什么

uni-app 进阶之模版语法与数据绑定【day7】

作者:黎燃
  • 2022 年 6 月 18 日
  • 本文字数:1404 字

    阅读完需:约 5 分钟

uni-app进阶之模版语法与数据绑定【day7】

模版语法与数据绑定

模板语法:使用双大括号“{绑定变量}}}”数据绑定:使用双大括号“{{绑定变量}}}”与 Data(){}函数中返回{}的数据绑定动态绑定:使用 v-bind 指令绑定要绑定的属性(v-bind 缩写::)双向绑定:使用 V-model 指令


<view v-bind:class="className">  hello uni-app</view>
复制代码


打开 hbuilderx,点击左上角的“hbuilderx”->“preferences”打开“settings.json”,点击“run configuration”,下拉找到“applet run configuration”,点击右侧的“Browse”找到开发者工具路径(或手动填写开发者工具路径)


Onlaunch 和 Onshow 是常用的 Uni app 支持以下应用程序生命周期功能:onlaunch、Onshow、onhide、onerror、onuninviewmessage、onunhandledrejection、onpagenotfound、onTheChange


  // App.vue使用方法  export default {            // 当uni-app初始化完成时触发(全局只触发一次)            onLaunch: function() {            },            // 当uni-app启动,或从后台进入前台显示            onShow: function() {            },            // 当uni-app从前台进入后台            onHide: function() {            },            // 当uni-app报错时触发            onError: function() {            },            // 对nvue页面发送的数据进行监听            onUniNViewMessage: function() {            },            // 对未处理的 Promise 拒绝事件监听函数            onUnhandledRejection: function() {            },            // 页面不存在监听函数            onPageNotFound: function() {            },            // 监听系统主题变化            onThemeChange: function() {            },              }
复制代码

认识 uniCloud

Unicloud 是一个基于无服务器模式和 JS 编程的云开发平台,由 dccloud 联合阿里云和腾讯云为 uni 应用开发人员提供 Unicloud 使用 JavaScript 开发整个前台和后台业务,这对前端开发人员很友好 Unicloud 使开发人员能够专注于业务开发,而无需关心服务器的操作和维护对于非 H5、无域名服务器

云函数

云函数是在云中运行的函数(服务器端)。每次修改云功能时,都必须上载并部署它才能工作事件是客户端上传的参数 Context 包含调用信息和运行状态,并获取每个调用的上下文


'use strict';exports.main = async (event, context) => {  //event为客户端上传的参数  console.log('event : ', event)    //返回数据给客户端  return event};
复制代码


可以使用 uni Callfunction({})调用云函数


methods: {  函数名() {    uniCloud.callFunction({      name: "云函数名",      data: {},      success(res) {},      fail(err) {}    })  }}
复制代码


Unicloud 提供 JSON 格式的文档数据库。数据库中的每个数据都是 JSON 格式的对象。数据库可以有多个集合数据是标准 JSON 代码,字符串需要使用双引号出于安全考虑,云数据库只能在云函数中调用,不能在客户端进行添加、删除、修改或查询在云函数中,可以使用 unicloud Database()获取对数据库的引用可以通过数据库集合()get 引用集合新数据:集合添加()删除数据:收款单(“此记录的 id”)删除()修改数据:收款单('id of this record')Update()或收款单('id of this record')set()Update():只能使用现有 ID 更新记录。更新没有现有 ID 的记录失败 Set():记录存在时更新;如果不存在,请添加

发布于: 刚刚阅读数: 4
用户头像

黎燃

关注

前端工程师 2022.05.06 加入

专注学习分享前端知识。

评论

发布
暂无评论
uni-app进阶之模版语法与数据绑定【day7】_6月月更_黎燃_InfoQ写作社区