bug_killer

组件的自定义事件 1、一种组件间通信的方式，适用于子组件 ===> 父组件 2、使用场景：A是父组件，B是子组件，B想传递数据给A，那么就要在A中给B绑定自定义事件（事件的...

scoped介绍 1、作用：让样式在局部生效，防止冲突 2、写法：<style scoped> 案例： Student.vue School.vue 效果： 虽然Schoo...

plugin插件介绍 1、功能：用于增强Vue 2、本质：Vue中的plugin本质上是一个包含install方法的对象，install方法的第一个参数时Vue构造函数，第...

mixin介绍 1、什么是mixin？ 当两个组件具有相同的功能但内容不一样时可以新建一个mixin，即两个组件共享一个同样的配置。 2、不仅能混合功能，也能混合数据、生命...

配置项props 1、功能：让组件接收外部传过来的数据 （1）传递数据： （2）接收数据： 方式一： 方式二： 方式三： 备注：props是只读的，Vue底层会监视你对pr...

ref属性介绍 1、被用来给元素或子组件注册引用信息（id的替代者） 2、应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象 3、使用方式： 打标识...

初始化脚手架 脚手架简介（CLI） 1、脚手架官方名称：CLI（command line interface） 2、Vue脚手架是Vue官方提供的标准化开发工具（开发平台）...

基本概念 传统方式编写应用与组件化方式编写应用的对比 对比：组件化编写应用更加高效方便，比如我们不同的网站用同一个顶部组件，我们只需要引入组件即可；而传统的编写方式需要重新...

引出生命周期 1、生命周期：生命周期又名回调函数、生命周期函数、生命周期钩子； 2、是什么？Vue在关进时刻帮我们调用的一些特殊名称的函数； 3、生命周期函数的名字不可更改...

局部自定义指令 自定义指令--函数式写法 1、需求一：定义一个v-big指令，和v-text功能类似，但会把绑定的数值放大10倍 2、实现：下面用函数式写法写一个自定义指令...

内置指令复习 v-text指令 1、作用：向其所在的节点中渲染文本内容 2、与插值语法的区别：v-text会替换掉节点中的内容，{{xx}}则不会； 3、案例： 效果： v...

1、查看所有端口状态： 命令：netstat -ano 效果： 2、查询具体的端口号状态： 命令：netstat -ano|findstr "8005" 效果：...

过滤器 1、定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。 2、语法： （1）注册过滤器：全局过滤器：Vue.filter(name,callba...

收集表单数据 1、若：<input type = "text" />，则v-model收集的是value的值，用户输入的就是value值； 2、若：<input type ...

Vue监视数据的原理： 1、vue会监视data中所有层次的数据 2、如何监测对象中的数据？ 通过setter实现监视，并且要在new Vue()时就传入要监测的数据。 （...

基本列表（v-for） 1、v-for指令 （1）用于展示列表数据 （2）语法v-for="(item, index) in xxx" :key="yyy" （3）可遍历：...

条件渲染 1、v-if （1）用法 （2）适用于：切换频率较低的场景 （3）特点：不展示的DOM元素直接被移除 （4）注意v-if可以和:v-else-if、v-else一...

计算属性（computed） 定义：要用的属性不在data中，需要通过已有属性的计算得到； 原理：底层借助了Object.defineproperty方法提供的getter...

事件处理的基本用法 使用v-on:xxx或@xx绑定事件（xxx是事件名称）； 事件的回调需要配置在methods对象中，最终会在vm上； methods中配置的函数，不要...

MVVM模型 1、模型组成： （1）M：Model模型，用于保存数据 （2）V：View视图，对应template中的DOM部分 （3）VM：ViewModel视图模型，是...