Vue入坑——vue-cli(脚手架)代码详解
3 月,跳不动了?>>> 上一篇:vue-cli目录结构认识 一起学vue—— vue学习总路线 ——————————^~^我是萌萌哒分割线^~^———————————————— 前言 上一篇简单认识了脚手架的目录结构,这篇我们来继续看看vue-cli里面的我们需要编写的文件都是些什么。 src文件夹 先来看一下src文件夹里有些啥 一个个来看 (1)assets 是什么:存放静态文件的,里面会放一些比如js,css,图片之类的。 (2)components 前面学过语法应该知道这是什么吧,如果不知道的话,还是建议先去看看语法哦,磨刀不误砍柴工嘛。 是什么:存放组件的 这里面的HelloWorld.vue (a)、一个.vue文件由什么组成:template(模板)、js(script)、style(样式) (b)、template:一个模板里面只能有一个父节点,比如我们这里的class为hello的父节点div,他没有其他的兄弟节点。 (c)、script:vue通常使用es6来写这部分,然后使用export default导出,他里面可以写比如data,mounted,methods等等。其中,data一定要用return来返回。 (d)、style:跟我们写样式表一样,都是使用<style></style>来包裹,不过,他这里是默认影响全局的,也就是说回影响到包含他的所有页面