基于vue的uni-app生态——学习笔记001

最新推荐文章于 2024-02-18 22:01:00 发布

「已注销」

最新推荐文章于 2024-02-18 22:01:00 发布

阅读量2.1k

点赞数 55

文章标签： vue.js uni-app 学习

本文链接：https://blog.csdn.net/qq_63690649/article/details/129516372

版权

基于vue的uni-app生态——学习笔记001

摘要由CSDN通过智能技术生成

基于vue开发的uni-app生态的文件结构

vue的简介

什么是vue.js

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

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

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

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

vue相比传统的js开发优势有哪些

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

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

vue的优势

轻量级渐进式框架

视图、数据和结构的分离

响应式双向数据绑定

组件化

虚拟DOM

运行速度快，易于上手

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

与传统的开发文件相比的类型变换

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

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

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

与传统的开发相比开发文件内部架构的变化

以前一个 html 大节点，里面有 script 和 style 节点

	<!DOCTYPE html>  
	<html>  
		<head>  
			<meta charset="utf-8" />  
			<title></title>  
			<script type="text/javascript">  
			</script>  
			<style type="text/css">  
			</style>  
		</head>  
		<body>  
		</body>  
	</html>

现在 template 是一级节点，用于写tag组件， script 和 style 是并列的一级节点，也就是有3个一级节点。这个叫vue单文件组件规范sfchttps://cn.vuejs.org/v2/guide/single-file-components.html

	<template>  
		<view>  
		注意必须有一个view，且只能有一个根view。所有内容写在这个view下面。  
		</view>  
	</template>  
	<script>  
		export default {  
		}  
	</script>  
	<style>  
	</style>