UniApp交互

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，它支持编译到iOS、Android、Web（响应式）、以及各种小程序等多个平台。

Vue.js 是什么

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。

在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统，只关注视图层，易于上手。所有东西都是响应式的。

uni-app提供了免费视频教程 vue入门视频教程 ，帮助你更加快速掌握。

vue也提供了在线demo教程  vue示例教程.

致谢

本文大部分内容来源于vue官网，但结合 uni-app 做了部分调整，以更有利于开发者快速上手。感谢Vue团队！


vue相比传统js的开发优势

在传统开发中，用原生的 JavaScript DOM 操作函数对 DOM 进行频繁操作的时候，浏览器要不停的渲染新的 DOM 树，导致页面看起来非常卡顿。

vue 是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和 DOM ，这样大大加快了访问速度和提升用户体验。

vue的优势：

  • 轻量级渐进式框架
  • 视图、数据和结构的分离
  • 响应式双向数据绑定
  • 组件化
  • 虚拟DOM
  • 运行速度快，易于上手
  • 便于与第三方库或既有项目整合

文件类型变化

  • 以前是.html文件，开发也是html，运行也是html。
  • 现在是.vue文件，开发是vue，经过编译后，运行时已经变成了js文件。
  • 现代前端开发，很少直接使用HTML，基本都是开发、编译、运行。所以 uni-app 有编译器、运行时的概念。

DIY可视化

      在 uni-app 中，Vue 交互主要指的是如何在 Vue 组件中处理用户输入、数据绑定、事件监听以及组件间的通信等。接下来我们教大家快速使用DIY可视化帮助你理解如何在 uni-app 中使用 Vue 进行交互。