uniapp创建项目时属性多为vue后缀;其中每个文件中都包含了三段式结构分别是template;script;style形势,分别是前端显示的画面以及js和css样式
这里说一下js
如:这段代码就是我们前端显示的画面
由js进行输出给前端
JavaScript
<script>export defaultdata() {return {title:'Hello 微丽宝'}},onLoad() {},methods: {}</script>
点击 "运行实例" 按钮查看在线实例
其中在data函数中输出的内容才可以在<template>进行使用或者显示,return 中我们看到他输出的是title,需要在template中显示则需要一个大阔号{{title}}包裹title;这个是我们常说的数据绑定。
onLoad就是生命周期函数,主要监听页面的加载;onshow就是监听页面显示时;详情可查看具体生命周期函数的解释https://uniapp.dcloud.net.cn/tutorial/page.html#pagefaq
methods写自定义函数在这个结构中定义多个方法
多个方法之间用逗号分割开,最后一个方法逗号省略
JavaScript { data(){ return{} }, methods:{ 方法名1(形参列表){ }, 方法名2(形参列表){ }, ... }}
点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号