您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

浅谈VUE uni-app 核心知识

51自学网 2022-02-21 13:39:30
  javascript

规范

a. 页面文件遵循vue单文件组件规范

<!-- 模板块 --><template>	<view class="main">		{{msg}}	</view></template><!-- 脚本块 --><script>	export default {		data(){			return {				msg:'Hello'			}		}	}</script><!-- 样式块 --><style>	.main{		background-color:#ccc;	}</style>

b. 组件标签靠近小程序规范

<template>	<view>hello</view>	<text> wang </view></template>

c. 接口能力(JS API)靠近微信小程序规范

//获取位置信息uni.getLocation({	type:'wgs84',	success:function(res){		console.log('当前位置的经度:'+res.longitude);		console.log('当前位置的纬度:'+res.latitude);	}});

e. 数据绑定及事件处理使用Vue.js 规范

<template>	<view @click="changeMsg">		{{msg}}	</veiw></template><script>	export defalut{		data(){			return {				msg:'hello'			}		},		methods:{			changeMsg(){				this.msg:'world'			}		}	}</scrip>

特色

a. 条件编译

#ifdef APP-PLUS	仅出现在APP平台下的代码#endif#ifndef H5	 除了H5平台,其它平台均存在的代码#endif#ifdef H5 || MP-WEIXION在H5平台或微信信小程序平台存在的代码#endif

b. App端的Nvue开发

uni-app App端内置了一个基于 weex 改进的原生渲染引擎,提供了原生渲染能力。

在App端,如果使用vue页面,则使用webview渲染;如果使用nvue页面,则使用原生渲染。

c. HTML5+

uni-app App端内置HTML5+ 引擎;让 js 可以直接调用丰富的原生能力。一些比较复杂的功能,可以直接调用App原生插件来实现。只能在App端使用,无法在H5和小程序中使用

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注51zixue.net的更多内容!


下载地址:
JavaScript制作楼层导航效果流程详解
浅谈VUE uni-app 开发环境
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。