零基础学会uniapp

课程说明：

本套课程将带领大家从0基础开始学习uniapp。

本教程使用： HBuilderX v3.2.9 作为开发工具。使用vue的版本为：vue2

课程勘误和问题将在论坛、git、进行更正及说明，请大家保持关注

1、 一个新的vue文件

vue文件结构介绍

本课开始，正式进入uniapp的学习，这一节课介绍一个标准的vue文件的写法格式。

template 是一级节点，用于写组件， script 和 style 是并列的一级节点，也就是有3个一级节点。这个叫vue单文件组件规范sfc。

<template>
    页面的代码，这里所有的内容都会根据“条件渲染”的规则显示到界面上
template>
​
<script>
    页面执行的脚本(javascript)代码
script>
​
<style>
    页面使用到的风格代码 css 
style>

插值

在vue中使用 {{ }} 双大括号进行文本插值。 什么是插值？ 就是使用给定的文本来替换网页中的文本，替换过程由vue处理。

<template>
    <view>
        <view>Message: {{ msg }}view>
    view>
template>
<script>
    export default {
        data() {
            return {
                msg: 'Hello Vue!'
            }
        }
    }
script>

在上面的例子中，