diff --git "a/\346\226\260\345\273\272 PowerDesigner 16 Business Process Model File.BPM" "b/\346\226\260\345\273\272 PowerDesigner 16 Business Process Model File.BPM" new file mode 100644 index 0000000000000000000000000000000000000000..92230bd5406ac2ae511cccd2de584867c282d679 --- /dev/null +++ "b/\346\226\260\345\273\272 PowerDesigner 16 Business Process Model File.BPM" @@ -0,0 +1,46 @@ + + + + + + + + + +58086B01-C9E1-11D4-9552-0090277716A9 +BusinessProcessModel_1 +BUSINESSPROCESSMODEL_1 + + +D4B67C8D-778F-4D1F-9687-43420DE4E282 +Analysis +Analysis +193F9613-15E0-4E37-AA33-D39340D3D3FF +7141CE88-2107-423A-A5D4-23B73A90B769 + + + + +7C41FE80-5311-4A70-A37A-690CE7216394 +BusinessProcessDiagram_1 +BUSINESSPROCESSDIAGRAM_1 + + + + +1E613693-6AF8-44F0-BE43-3427C1600420 +Analysis +Analysis +file:///%_PRCSLANG%/Analysis.xpl +193F9613-15E0-4E37-AA33-D39340D3D3FF +7141CE88-2107-423A-A5D4-23B73A90B769 + + + + + + + + + + \ No newline at end of file diff --git "a/\350\203\241\346\260\270\345\230\211/2021-6-1(Class \344\270\216 Style \347\273\221\345\256\232).md" "b/\350\203\241\346\260\270\345\230\211/2021-6-1(Class \344\270\216 Style \347\273\221\345\256\232).md" new file mode 100644 index 0000000000000000000000000000000000000000..5392ed16564d4415795a73ab7366519c9711a50a --- /dev/null +++ "b/\350\203\241\346\260\270\345\230\211/2021-6-1(Class \344\270\216 Style \347\273\221\345\256\232).md" @@ -0,0 +1,360 @@ +# !!!今天儿童节！！！ +## 还是得上课 + +# v-bind 缩写 ： +# v-on 缩写 @ + +# Class 与 Style 绑定 + +## class绑定 +``` + + + + + + + + 测试 + + + +
+ 点我呀 //{classOne:isClass} 给一个isClass,当isClass等于true时：class="classOne",当isClass等于false时：class="" +
+ + + + + + + +``` +### class绑定也可以和一个原生class共存 +``` + + + + + + + + 测试 + + + + +
+ 点我呀 //:class="{classOne:isClass}" class="a" 两个class都会有 +
+ + + + + + + +``` +## 绑定class对象语法 +``` + + + + + + + + 测试 + + + + +
+ 点我呀 // :class="isClass" class绑定一个对象 +
+ + + + + + + +``` +## 绑定Class数组语法1 +``` + + + + + + + + 测试 + + + + +
+ 点我呀 // :class="[classone,classtwo]" 绑定一个数组，一个数组里面有值，值在vue的data里面定义 +
+ + + + + + + +``` +## 绑定Class数组语法2 +``` + + + + + + + + 测试 + + + + +
+ 点我呀 // :class="list"先绑定一个数组名，然后在vue的data里面给该数组添加值 +
+ + + + + + + +``` +## 绑定Class数组语法3(给绑定的值写方法) +``` + + + + + + + + 测试 + + + + +
+ 点我呀 //给classVar绑定一个值 +
+ + + + + + + +``` + +# 绑定内联样式 +## style对象语法1 +### v-bind:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。CSS property 名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用引号括起来) 来命名 +``` + + + + + + + + 测试 + + + + +
+ 点我呀 //:style="{backgroundColor: color1}" //background-color背景颜色使用驼峰式比较好backgroundColor +
+ + + + + + + +``` +### style对象语法2 +``` + + + + + + + + 测试 + + + + +
+ 点我呀 // 绑定一个styles对象 +
+ + + + + + + +``` +## style数组语法与class的数组差不多，300多行了，懒了 \ No newline at end of file diff --git "a/\350\203\241\346\260\270\345\230\211/2021-6-2(Vue\345\210\227\350\241\250\346\270\262\346\237\223).md" "b/\350\203\241\346\260\270\345\230\211/2021-6-2(Vue\345\210\227\350\241\250\346\270\262\346\237\223).md" new file mode 100644 index 0000000000000000000000000000000000000000..1fa610fe25954855216adad37ed1528452247497 --- /dev/null +++ "b/\350\203\241\346\260\270\345\230\211/2021-6-2(Vue\345\210\227\350\241\250\346\270\262\346\237\223).md" @@ -0,0 +1,211 @@ +# 列表渲染 + +## v-for 还支持一个可选的第二个参数，即当前项的索引。 + +### 用 v-for 把一个数组对应为一组元素 +``` + +
+ + +
+ + + + +``` + +### 在 v-for 里使用对象 +``` + +
+ + +
+ + + + + +``` + +### 数组迭代 +``` + +
+ + + +
+ + + + +``` + +## 维护状态 +当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。这个类似 Vue 1.x 的 track-by="$index"。 + +这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时 DOM 状态 (例如：表单输入值) 的列表渲染输出。 + +为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key attribute： + +``` +
//一般都是id之类不重复的值为绑定对象 + +
+``` + +建议尽可能在使用 v-for 时提供 key attribute，除非遍历输出的 DOM 内容非常简单，或者是刻意依赖默认行为以获取性能上的提升。 + +因为它是 Vue 识别节点的一个通用机制，key 并不仅与 v-for 特别关联。后面我们将在指南中看到，它还具有其它用途。 + + +## 数组更新检测 + +### 变更方法(会改变原有的数组) + +### Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括： +``` +push() //尾部插入数据 +pop() //删除尾部最后一个 +shift() //头部插入数据 +unshift() //删除头部最后一个 +splice() //splice(删除 从第几个索引(index)开始,几个值) +sort() //排序 +reverse() //颠倒数组的排序方法 +``` + +## 替换数组(不变更原有的数组) ++ 变更方法，顾名思义，会变更调用了这些方法的原始数组。相比之下，也有非变更方法，例如 filter()、concat() 和 slice()。它们不会变更原始数组，而总是返回一个新数组。当使用非变更方法时，可以用新数组替换旧数组： + +## 不推荐在同一元素上使用 v-if 和 v-for。 ++ 因为v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。 + + +# 下面是一个简单的 todo 列表的完整例子(可以获取用户输入的值并直接显示到页面，也可以删除已经在页面的值) +``` + +
+ + + + + + +
  • {{list.dotoItem}}
    • +
    + + + + +``` \ No newline at end of file diff --git "a/\350\203\241\346\260\270\345\230\211/2021-6-4(Vue\344\272\213\344\273\266\345\244\204\347\220\206).md" "b/\350\203\241\346\260\270\345\230\211/2021-6-4(Vue\344\272\213\344\273\266\345\244\204\347\220\206).md" new file mode 100644 index 0000000000000000000000000000000000000000..9a17dba0531b70862a26525ba30c8d9376965f26 --- /dev/null +++ "b/\350\203\241\346\260\270\345\230\211/2021-6-4(Vue\344\272\213\344\273\266\345\244\204\347\220\206).md" @@ -0,0 +1,163 @@ +# 事件处理 + +## 监听事件 ++ 监听事件代码 v-on 可简写为 @ + +### 给按钮绑定个监听事件 +``` + +
    + + {{counter}} +
    + + + + +``` + +### 绑定的监听事件也可以是个方法 +``` + +
    + //@click="counter(1,$event)" counter()可以有括号也可以没有，没有的话则默认返回一个原生事件$event，有括号的话则返回括号里面的值 +
    + + + + +``` + +## 修饰符是由点开头的指令后缀来表示的。 + +## 正常情况下里面的事件会向上冒泡(就是父级标签div也会触发input里面的点击方法)，我们就可以给input标签用.stop修饰符来阻止继续传播 +``` + +
    +
    + +
    + +
    + + + + +``` + +## 事件修饰符 +``` +.stop +.prevent +.capture +.self +.once +.passive +``` +``` + + + + +
    + + + + + +
    + + + +
    ...
    + + + +
    ...
    +``` +### (可以同时串联多个修饰符:.stop.prevent) + +## 按键修饰符(v-on:keyup 缩写 @keyup) +### 按键修饰符就是绑定一个或多个按键修饰符(可以通过键盘的按键来控制) ++ 绑定的按键 +``` +.enter +.tab +.delete (捕获“删除”和“退格”键) +.esc +.space +.up +.down +.left +.right +``` +## 得要有个焦点
    ，然后 @keyup.enter="counter" 可以直接触发焦点的方法counter +``` + +
    +
    + //也可以这样直接@keyup.enter +
    +
    + + + + +``` + + diff --git "a/\350\203\241\346\260\270\345\230\211/2021-6-5(Vue\350\241\250\345\215\225\350\276\223\345\205\245\347\273\221\345\256\232).md" "b/\350\203\241\346\260\270\345\230\211/2021-6-5(Vue\350\241\250\345\215\225\350\276\223\345\205\245\347\273\221\345\256\232).md" new file mode 100644 index 0000000000000000000000000000000000000000..27d2bcbe383be6507d7755ab7a98c7591acf1832 --- /dev/null +++ "b/\350\203\241\346\260\270\345\230\211/2021-6-5(Vue\350\241\250\345\215\225\350\276\223\345\205\245\347\273\221\345\256\232).md" @@ -0,0 +1,224 @@ +# 表单输入绑定 + +## v-model 指令在表单 、