vue是用来干什么的?
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
由于jQuery中调用标签对象,也就是说还要调用标签对象的爸爸,然后工作中都是爸爸的爸爸的爸爸的爸爸~,这用起来就非常的头疼。Vue增量式开发,只有一个html,将不同组件加入到标签之中,适合做一些复杂,繁琐的页面,多人是分工开发!
Vue怎么使用?
看vue的官方文档还挺好懂的,在这里我简单介绍一下,这里推荐用HbuiderX,从轻量级来说,比HBuider小一些,安装也省事。Vue的使用:
- 文件------>打开目录,右键项目名称-------->使用命令行窗口打开所在目录(这里第一次用的,需要下载一次,下载比较方便,这里不做过多的介绍)
- 这里很明显看到项目的结构
项目名
- 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文件-->
这里介绍的比较简单,纯基础入门级别,不喜勿喷,文章错误请指正,多谢!