VUE
目录结构
一、Demo1、创建组件在components文件夹下创建页面first.vue
在app.vue中引入并使用自己创建的组件
css全局样式在css文件夹下定义全局样式表app.css
在App.vue中引入
1、路由控制：(1) 更改main.js
(1) 更改main.js在App.vue中，写入两个跳转链接（router-link），分别跳转到“home”“About” （home、About即分别是两个组件）
(1) 新建Home组件，并写入内容，About同理
(1) 开始写路由文件，新建一个router.js，如图。
(1) 关于路径import 导入的”@/componts/Home”中的@代表src目录以后如果文件结构复杂后可引入插件alias，用于文件路径的命名(2) 关于命名import indexHeader from '@/components/commonvue/IndexHeader.vue'在模板中不识别大写，所以若命名存在大小需要将组件全小写并用“-”分隔
1、状态管理：(1) 描述如果你之前使用过vue.js，你一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新(2) 安装vuexCd到项目文件夹下yarn add vuex(3) 配置vuex新建文件夹store，在该目录下新建一个index.js文件
在main.js文件中引入该文件，在文件里面添加 import store from ‘./store’;，再在vue实例全局引入store对象
(1) 如何使用State：vuex中的数据源，我们需要保存的数据就保存在这里，可以在页面通过 this.$store.state来获取我们定义的数据
Getters：Getter相当于vue中的computed计算属性可以用于监听、state中的值的变化，返回计算后的结果