VUE语法

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

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

VUE相比于传统的js的开发优势

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

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

  • 轻量级渐进式html简单网页代码框架

  • 视图、数据和结构的分离

  • 响应式双向数据绑定

  • 组件化

  • 虚拟DOM

  • 运行速度快，易于上手

  • 便于与第三方库或既有项目整合

  • 以前是.html文件，开发也是appstorehtml，运行也是html。

  • 现在是.vue文件，开发是vue，经过编译后，运行时已经变成html5了js文件。

  • 现代前端开发，很少直接使用HTML，基本都是开发、编译、运行。所以uni-app有编译器、运行时的概念。

VUE常application用库

{
  "dependencies": {
    "adapter": "1.0.0-beta.10",
    "axios": "0.27.2",
    "dayjs": "^1.11.3"
  }
}

持久化存储

页面html标签跳html是什么意思转

与Native互通数据、通信

与前端开发工程师Android原生页面互相跳转

methods: {
        scanQrCode: function() {
				var main = plus.android.runtimeMainActivity();
				var Intent = plus.android.importClass("android.content.Intent");
				var intent = new Intent(main.getIntent());
				//设置要开启的Activity包类路径  classname为要跳转的界面
				intent.setClassName(main, "com.xxx.xx.app.xxx");
				//开启新的任务栈 （跨进程）
				intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
				intent.putExtra("authCode", "123456");
				//开启新的界面
				main.startActivity(intent);
			}
		}

uni-app打包流程

环境

  • HbuilderX 3.4.7

步骤

  • 刷新APPID

uni-app与Android混合开发

  • 打包

uni-app与Android混合开发

  • 打包完成

uni-app与Android混合开发

  • 导入安卓原生项目即可
  • 需要在assets下面创建apps文件夹并拖入使用Hbuil前端开发和后端开发有什么区别derX生成的www包即可

uni-app与Android混合开发