ＬＷＨＢＬＯＧ

摘要： ToDoList案例： 组件间通信： 父组件给子组件传参：父组件绑定值至子标签，子组件利用props接收。 子组件给父组件传参：父组件绑定函数至子标签，子组件props接收函数，并设置methods进行进一步调用。 进行勾选操作时，由于此时数据在App组件内，故在App内定义方法修改勾选值，且改变选 阅读全文

摘要： 修改默认配置：使用vue > output.js 可以查看到Vue脚手架的默认配置。在vue.config.js中进行修改。 eg：lintOnSave：false //关闭语法检查 脚手架文件结构： ref属性：被用来给元素或子组件注册引用信息（id的替代者） ref属性应用在html标签上，获取 阅读全文

摘要： Vue组件化编程： 非单文件组件：一个文件包含n个组件 ① 定义组件：Vue.extend(options)创建，在options内部不能写el(组件都需要经过vm统一管理和分配)，data必须写成函数模式，避免组件复用时数据存在引用关系。 ② 注册组件：局部注册：new Vue时创建的compon 阅读全文

摘要： 自定义指令： 函数式/对象式： // 函数式 directives: { // 指令与元素成功绑定时执行。 // 指令所在模板被重新解析时也执行， big(element, binding) { element.innerText = binding.value * 10 } } // 对象式 di 阅读全文

摘要： Vue内置指令： v-bind：单向绑定解析表达式，可简写为：xxx。 v-model：双向数据绑定。 v-for：遍历对象、数组、字符串。 v-if：条件渲染（动态控制节点是否存在） v-else：条件渲染（动态控制节点是否存在） v-show：条件渲染（动态控制节点是否展示） v-on：绑定事件 阅读全文

摘要： Vue.set方法和vm.$set方法：参数（实例对象的某一属性名，属性名，属性值） 用于给实例化Vue对象的某一个属性对象动态添加子属性。 不允许直接给实例化对象添加属性。即参数第一项不能为vm实例对象本身或是vm的根数据对象（即data/vm._data） <script> const vm = 阅读全文

摘要： 计算属性:（computed属性）要使用的数据不存在，须通过已有属性计算得出。 原理：使用了Object.defineproperty方法提供的getter和setter。 get函数的执行时机：1.在初次获取元素时调用（产生缓存防止重复调用）2.修改数据时调用 优势：相较于methods，内部存在 阅读全文

摘要： 事件处理：使用v-on:事件名 或 @事件名绑定事件。 1. 事件的回调需要配置在methods对象内，最终在vm上。 2. methods中的配置函数，this指向为组件实例对象或vm。不使用箭头函数，否则this指向改变。 3. @click="demo" 和 @click="demo($eve 阅读全文

摘要： Vue的特点： 1.采用组件化模式，提高代码复用率，使代码易于维护。 2.声明式编码，编码人员无需直接操作DOM，提高开发效率。 3.使用虚拟DOM和diff算法，尽量复用DOM节点。 Vue.config.productionTip = false; // 阻止Vue在启动时生成生产提示 初识Vu 阅读全文

摘要： Axios源码分析： ① 模拟Axios对象的创建过程： 1. Axios构造函数本身应具有defaults(默认配置参数)和intercepters(拦截器参数) 2. 在Axios原型上添加request、get、post等方法。 3. 创建实例化函数：实例化axios对象，创建instance 阅读全文