一,浅了解一下uni-app
1,什么是uni-app
uni-app是一个使用vue.js开发所有前端应用的框架,可发布到ios、Android、Web(响应式)、以及各种小程序(微信,支付宝,百度,头条,飞书,QQ,快手,钉钉,淘宝)、快应用等多个平台。
2,为什么选择uni-app
在开发数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。
一套代码可以运行到多个平台
二,与之前的区别
1、文件类型变化
以前是 .html文件,开发是,运行也是.html
现在是.vue文件,开发是vue,经过编译后,运行时已经变成js文件。
现在前端开发,很少直接使用HTML,基本都是开发、编译、运行。所以uni-app有编译器、运行时的概念.
2、文件内代码架构的变化
以前一个html大节点,里面有script和style节点;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
</script>
<style type="text/css">
</style>
</head>
<body>
</body>
</html>
现在template是一个节点,用于写tag组件,scrip和style是并列的一级节点,就是说有三个一级节点 (vue单文件组件规范)
<template>
<view>
注意必须有一个view,且只能有一个根view。所有内容写在这个view下面。
</view>
</template>
<script>
export default {