uni-app入门------便签APP的项目记录，超赞回答：前端如何进阶

（2）功能比较单一

4.项目用到的技术

---

Vue.js css javascript html uni-app框架

5.用uni-app框架做出来的APP的优点？

---

可以跨多端运行！！！

真的太香了！！！

目前我测了便签项目微信小程序和安卓版本的，都可以运行哦！

此处附上uni-app的官网：https://uniapp.dcloud.io/

6.项目总结：

---

为了入门这个uni-app，我专门去学习了HTML、css、JavaScript、Vue.js，当开始学习uni-app的时候，我怀着无比激动的心情，当项目成功发布到小程序和原生APP的时候，真的很开心，这样意味着一套代码可以运行在多个平台意味着我的竞争力又提高了那么一丢丢…但是这只是刚刚开始，我会继续深入学习的，因为我真的太喜欢这个跨多端的框架了。之后，我可能会用uni-app去实现一个和我毕业设计一样的APP的功能！加油吧！

7.项目源码：

---

https://gitee.com/wangjinchan/note.git

8.vue组件代码

---

{{text}}

{{listData.length}}条

<view class=“todo-header_right_item " :class=”{‘active-tab’:activeIndex === 0}" @click=“tab(0)”>全部

<view class=“todo-header_right_item” :class=“{‘active-tab’:activeIndex === 1}” @click=“tab(1)”>代办

<view class=“todo-header_right_item” :class=“{‘active-tab’:activeIndex === 2}” @click=“tab(2)”>已完成

您还没有创建便签呢

点击下方+号就可以创建哦

<view class=“todo-list” :class=“{‘todo–finish’:item.checked}” v-for=“(item,index) in listData” :key=“index” @click=“finish(item.id)”>

{{item.content}}

<view class=“create-todo” @click=“create”>

<view class=“create-button” @click=“add”>

创建