淘宝客建站模板,内蒙古建设工程信息网,网站优化知识资讯,wordpress友情联机uniapp创建项目时属性多为vue后缀#xff1b;其中每个文件中都包含了三段式结构分别是template#xff1b;script#xff1b;style形势#xff0c;分别是前端显示的画面以及js和css样式。
template#xff1a;说大白话就是给别人看的#xff0c;我们打开页面就可以看到的…
uniapp创建项目时属性多为vue后缀其中每个文件中都包含了三段式结构分别是templatescriptstyle形势分别是前端显示的画面以及js和css样式。
template说大白话就是给别人看的我们打开页面就可以看到的内容
例如template就是装修的房子给其他人看的而script就是你的仓库可以通过仓库拿出一个东西。style就是你摆放的位置让他摆放的位置不那么突兀。
这里说一下js
如这段代码就是我们前端显示的画面
template
view classcontent
image classlogo src/static/logo.png/image
view classtext-area
text classtitle{{title}}/text
/view
/view
template
由js进行输出给前端
script
export default
data() {
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写自定义函数在这个结构中定义多个方法
多个方法之间用逗号分割开最后一个方法逗号省略
{data(){return{}},methods{方法名1形参列表{},方法名2形参列表{},...}
}
原文地址
uniapp教程之HBuilderX基础常识篇02 - 信息技术 - 微丽宝uniapp创建项目时属性多为vue后缀其中每个文件中都包含了三段式结构分别是templatescriptstyle形势分别是前端显示的画面以及js和css样式这里说一下js如这段代码就是我们前端显示的画面https://www.dcyzq.cn/post/2412.html
