2021-06-02 项目中插件使用

项目中插件的使用

页面级别的组件之间共享数据状态：Vuex插件实现，管理维护项目的数据状态。
组件基本的运行模式：
一个组件分为数据Model和试图View部分，数据更新时，试图也随之更新。在视图中又可以绑定一些事件，用于触发methods里指定的方法，从而改变数据、更新试图。
1）npm install 并vue.use（）
src下新建store文件夹，为数据仓库，存放整个项目需要共享的数据
2）store下新建index.js import vuex并Vue.use() ,export default new Vuex.Store{共享数据}
mutations: {increament:state => state.count++ decrement:llllllll}
3）main.js中引入数据源，并在Vue实例中使用
import store from ‘@/store’
new Vue({router,store})
4)新建组件.vue使用
{{count}} return this.$store.state.count
各页面中可利用commit方法提交mutation对共享数据进行修改

地图插件 ：百度地图JavaScript API,js编写的应用程序接口 看API

二维码插件
二维码生成插件较多，常用 ORCode

iView组件轮播图组件Carousel

validator表单内容验证
message提示

Vue核心功能概述
一个响应式的数据系统，能通过轻量级的虚拟DOM引擎和最少的优化工作来自动更新用户界面；
灵活的视图声明，包括优雅友好的HTML模板、JSX（js中编写HTML）以及hyperscript渲染函数（完全使用js）；
由可维护、可复用组件构成的组件化用户界面。