Vue之路-----（一）初步了解vue框架

vue是用来干什么的？

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。

由于jQuery中调用标签对象，也就是说还要调用标签对象的爸爸，然后工作中都是爸爸的爸爸的爸爸的爸爸~，这用起来就非常的头疼。Vue增量式开发，只有一个html，将不同组件加入到标签之中，适合做一些复杂，繁琐的页面，多人是分工开发！

Vue怎么使用？

看vue的官方文档还挺好懂的，在这里我简单介绍一下，这里推荐用HbuiderX，从轻量级来说，比HBuider小一些，安装也省事。Vue的使用：

1. 文件------>打开目录，右键项目名称-------->使用命令行窗口打开所在目录（这里第一次用的，需要下载一次，下载比较方便，这里不做过多的介绍）
2. 这里很明显看到项目的结构

项目名

•       build
•       config
•       node_modules
•       src
•             assets
•             components
•             router
•             App.vue
•             main.js
•        static
•              .babelrc
•              .editorconfig
•              .gitignore
•              .postcssrc.js
•              index.html
•              package.json
•              package-lock.json
•              README.md

这里只做简单介绍，main.js是项目的入口，即项目启动的时候，从这里开始加载，默认加载APP.vue，package.json相当于maven中的依赖，这里的依赖不是.jar文件，而是.js文件。

src下的文件，是我们写code的地方，components是所有组件的聚集地，即我们写的组件也放在这里，router是加载组件的地方，在components文件下，都是.vue文件，即组件文件，vue下有三个标签，<template><script><style>，<template>标签下，只能有一个外层标签，里面的子标签个数不限制。<script>里面写js数据，写的格式和内容见官方文档，<style>这里呢相当于CSS文件书写，只不过要在style标签里面加一个scoped，这样你写的样式不会影响别人的组件，只影响<template>下的标签样式。

之后，我们要导入组件router中，例如import HelloWorld from '@/components/HelloWorld'     <!--@相当于src文件-->

 

这里介绍的比较简单，纯基础入门级别，不喜勿喷，文章错误请指正，多谢！