yyclassmvp的博客

4.actions: 类似于methods,用于发起异步请求,比如axios。当项目复杂，我们可以模块化拆分用modules来拆分复杂业务。如果namespaced为false，则不需要额外补充模块名。如果namespaced为true，则需要额外去补充模块名。3.getters: 类似于vue中的计算属性。modules文件下是具体模块，可以有很多个。2.mutations: 使用它来修改数据。1.state 统一定义管理公共数据。5.modules: 模块拆分。

【代码】Vue封装request请求。

1. 服务端操作1.1 导入依赖1.2 创建导入实体类1.3 controller拦截2. vue客户端操作2.1 使用ele组件2.2 js处理

计算属性computed和监视属性watch1 计算属性computed基本应用1.1 完整写法 computed: { chekedTotle: { get() { return //值 }, set(value) { //逻辑 }, }, }chekedTotle为计算属性的名字,不能与data中的值重名get回调函数: 当需要读取当前属性值时调用,根据相关的数据计算并返回当前属性的值,

组件间通信1. props配置项props通常适用于父组件给子组件传递消息1.1 传递消息//在父组件中引用子组件DEMO<Demo :todos="list"/>给子组件传递一个名为‘todos’，value值为list的消息,需要加上 ：1.2 接收消息第一种方式（只接收）：props:['name']第二种方式（限制类型）：props:{name:String}第三种方式（限制类型、限制必要性、指定默认值）：props:{ name:{ type:S

1 Vue 组件化编程1.1 模块与组件、模块化与组件化1.1.1. 模块1.1.2. 组件1.1.3. 模块化1.1.4. 组件化2. 非单文件组件2.1 非单文件组件使用 2.1.1 简单使用2.1.2 注意点

1. Vue组件化编程1.2. 非单文件组件1.3. 单文件组件1.3.1. 一个.vue 文件的组成(3 个部分)1.3.2. 基本使用1.3.3 单文件组件工作方式

1. 初始化脚手架1.1 说明1.2 具体步骤1.3 查看项目1.4 启动项目

1. 数据绑定2. 事件绑定3. 条件过滤4. 其他常用指令