.vue文件结构解析

关于单文件组件

vue 的单文件相当于一个页面中的 组件 ，包含了关于该组件的高笑 html-css-js 文件集合，

这么做的目的有利于项目的管理和整虚毕合，官方说法是有 构建步骤 。

在 <template/>标签下只能有一个子节点元素，如果写多个如 <div/>这样的标签则会报错，

如下所示:

.vue文 件可包含 html-css-js ，webpack自动打包成三个文件？

在.vue文件中，dom结构可以写在<template/>标签下，

而针对该 dom 结构的样式文件则作为 <template/>标签的 兄弟 元素 <style/>存在，

同样的控制该 dom 结构的脚本程序写在另一个兄弟元素 <script/>之中，

这样一来，每个组件自己对应的结构样式都在同一个文件戚誉含之中，

便不会与其它的组件搞混了。

vue作为渐进式的前端框架，当颂颤我们仅仅在H5页面中茄逗轻量引入的时候会这样写：

const { createApp, reactive} = Vue

那么我们是如何导出这些对象的呢？颤樱卖让我们来看一下 vue.global.js 文件源码：

看懂了这个函数，其实也就明白了我们是怎么获取到对象的，这其实是一个 立即加载函数 。

zip包解压shp 文件读取转化格式宴裤用 arcgis js 加载。

Vue是大祥正一套用于构建用户界面的渐进式JavaScript框架。与传统JS和JQuery框架不同，Vue的渐进式框架表示开发者可以由简单组件写起，渐渐搭建出一个复杂的前滚悔端平台。

---