vue

前言：1>在介绍组件传值之前先明确三种组件关系：父子组件、兄弟组件、无关系组件。如上图所示：父子关系：A 和 B、B 和 C、B 和 D 都是父子关系；兄弟关系：C 和 D 是兄弟关系，无关系：A 和 C、A 和 D 是隔代关系（可能隔多代）。2.常见使用场景可以分为三类：父子组件通信: pr

1>常规验证和自定义验证1.element-ui 中的表单校验要加验证之前一定要确保已经写了 prop 属性，该属性是跟 rule 绑定在一起的，也可以在行内单独制定 rules。方式一：常规写法el-from :rules=“rules”el-from-item 中 prop 与 rules

1.单个插槽 | 默认插槽 | 匿名插槽匿名插槽就是可以在父组件中的子组件的标签中直接添加内容子组件 A:<template> <div class="dialog"> <div>我是A组件中的对话框<div> <slot&

父组件 index.vue：<template> <info :value="myValue" @valueChanged="e => myValue = e"></info></template><

1.注册自定义指令（全局和局部）1>  全局注册<div id="app"> <input type="text" placeholder="我是全局自定义指令" v-focus /></div>

1>使用1、在您的 Vue 应用程序内部，我们将创建一个名为 mixins 的文件夹，并且新建文件命名为 nomeMixins.jsexport default { created: function () { this.hello(); }, methods: { hell

<template><div class="app-container" v-loading="loading"> <div> <div class="baseSet"> &

目录导航表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind 修饰符（实在不知道叫啥名字）1.表单修饰符填写表单，最常用的是什么？input！v-model~而我们的修饰符正是为了简化这些东西而存在的1>.lazy从这里我们可以看到，我们还在输入的时候，光标还在的时候，下面的值就已经出来了

1.项目发布后通常有两种访问方式，第一种： IP+端口直接访问的方式，如 http://192.168.1.107:8080/第二种：IP+端口+项目名，如 http://192.168.1.107:8080/saas/2.第一种方式：ip+端口（前端后端修改）范例：vue-cli 项目使用路由，t

:style 总结：写 inline style 的方法跟 class 大同小异，一样可以使用阵列及物件语法，但在给css 属性时要注意有些以**-**连结的词，要改为驼峰式写法，或者是使用单引号括起来。一. 对象语法<div id="app"> 　<!--单