本文介绍了.vue文件的组成，包括template、script和style三个部分。.vue文件用于定义Vue组件，其中template表示HTML结构，script用于定义组件逻辑和数据，style则处理组件样式。在项目中，所有样式集中管理，通过@import导入。组件的template必须包含一个顶级HTML标签，script中的data、created和methods分别表示数据、生命周期钩子和组件方法。
1、什么是.vue文件？
*.vue文件，是一个自定义的文件类型，用类似于HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言模块<template>,<script><style>。这三个部分分别代表了html,js,css。其中<template>和<style>是支持用预编译语言来写的。我们的项目用了“less”预编译，是这样写的
2、在App.vue文件中，已经用一句@import “./assets/style/components”;将样式给写到指定的地方去了。所有的样式都会在assets/style/components文件夹中对应的位置去写。这样做的好处是，不需要重复的引入各种less基础文件，并且做到了项目的样式代码的可管控
3、*.vue代码解析
这里就是一个*.vue文件的基本结构
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
