uniapp教程之HBuilderX基础常识篇02

认识HBuilderX中的template；script；style uniapp创建项目时属性多为vue后缀；其中每个文件中都包含了三段式结构分别是template；script；style形式，分别是前端显示的画面以及js和css样式

这里说一下js

如：这段代码就是我们前端显示的画面

<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
<template>

Copy

由js进行输出给前端

<script>
export default
data() {
return {
title:'Hello 微丽宝'
}
},
onLoad() {
},
methods: {
}
</script>

Copy

其中在data函数中输出的内容才可以在