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

• 打包

• 打包完成

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