IamHzc

2021年10月9日

摘要：创建其他组件，例如School.vue和Student.vue <template> <div> <h2>{{schoolName}}</h2> </div> </template> <script> export default { name:'School', data:{ schoolName 阅读全文

posted @ 2021-10-09 15:19 IamHzc 阅读(53) 评论(0) 推荐(0) 编辑

VueComponent

摘要： ##VueComponent 假设school是我们自定义的一个组件。 school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。我们只需要写<school />或<school></school>，Vue解析时会帮我们创建school组件阅读全文

posted @ 2021-10-09 10:57 IamHzc 阅读(115) 评论(0) 推荐(0) 编辑

2021年10月6日

Vue事件修饰符

摘要： prevent: 阻止默认事件。 stop: 阻止事件冒泡。 once: 只触发一次。 capture: 使用事件的捕获模式。 self: 只有event.target是当前操作的元素时才会触发事件。 passive：事件的默认行为立即执行，无需等待事件回调执行完毕。阅读全文

posted @ 2021-10-06 11:08 IamHzc 阅读(51) 评论(0) 推荐(0) 编辑

Vue部分内置指令

摘要： ##v-text 作用：向其所在的节点中渲染文本内容。与插值语法的区别：v-text会替换掉节点中的内容，{{}}则不会。 ##v-html 作用：向指定节点中渲染包含html结构的内容。与插值语法的区别： (1) v-html会替换掉节点中所有的内容，{{}}则不会。 (2) v-html可以阅读全文

posted @ 2021-10-06 10:48 IamHzc 阅读(58) 评论(0) 推荐(0) 编辑

Vue过滤器

摘要： ##局部过滤器 <body> <div id="app"> {{message | upperFilter}}<br> {{nowTime | dateFormat}}<br> {{nowTime | dateFormat('YYYY-MM-DD')}} </div> </body> <script 阅读全文

posted @ 2021-10-06 10:24 IamHzc 阅读(31) 评论(0) 推荐(0) 编辑

2021年10月5日

Vue收集表单数据

摘要：若：<input type="text" />，则v-model收集的是value值，用户输入的就是value值。若：<input type="radio" />，则v-model收集的是value值，且要给标签配置value值。若：<input type="checkbox" /> （1）没有阅读全文

posted @ 2021-10-05 21:51 IamHzc 阅读(64) 评论(0) 推荐(0) 编辑

Vue监视数据的原理

摘要： vue会监视data中所有层次的数据。如何监测对象中的数据？通过setter实现监视，且要在new Vue时就传入要监测的数据。（1）对象中后追加的属性，Vue默认不做响应式处理。（2）如需给后添加的属性做响应式处理，请使用如下API： Vue.set(target,inde 阅读全文

posted @ 2021-10-05 21:18 IamHzc 阅读(66) 评论(0) 推荐(0) 编辑

Vue列表过滤

摘要：列表过滤： <script> const vm = new Vue({ data:{ keyWord:"", persons:[ {id:'1001',name:"张三",age:21}, {id:'1002',name:"张飞",age:21}, {id:'1003',name:"李四",age: 阅读全文

posted @ 2021-10-05 21:17 IamHzc 阅读(108) 评论(0) 推荐(0) 编辑

Vue条件渲染&列表渲染

摘要：条件渲染： v-if：适用于切换频率较低的场景；不展示的DOM元素直接被移除；可以和v-else-if v-else一起使用，但是结构不能被打断。 v-show：适用于切换频率较高的场景；不展示的DOM元素未被移除，仅仅是使用样式隐藏掉。列表渲染： <ul> <li v-for='(value,i 阅读全文

posted @ 2021-10-05 21:14 IamHzc 阅读(42) 评论(0) 推荐(0) 编辑

Vue class与style绑定

摘要： class绑定：字符串形式：样式的类名不确定，需要动态指定。 <div class="default" :class="style1"></div> 数组形式：要绑定的样式个数不确定，名字也不确定。 <div class="default" :class="array"></div> <scrip 阅读全文

posted @ 2021-10-05 21:13 IamHzc 阅读(32) 评论(0) 推荐(0) 编辑

Vue计算属性与监听属性

摘要：计算属性getter什么时候被调用？初次读取时。所依赖的数据改变时。计算属性写法： computed:{ full:{ get(){ return this.first+this.end; }, set(value){ } }, //简写,只读不写时使用 fullName(){ return 阅读全文

posted @ 2021-10-05 21:12 IamHzc 阅读(106) 评论(0) 推荐(0) 编辑

Object.defineProperty()使用

摘要： <script> let number = 18; let person = { name:"张三"， gender:"男" }; Object.define(person,"age",{ value:18, enumerable:true, //控制属性是否可以枚举，默认false writabl 阅读全文

posted @ 2021-10-05 21:10 IamHzc 阅读(29) 评论(0) 推荐(0) 编辑

vue 中data的两种写法

摘要： //方法一 data:{ name:"数据" } //方法二，函数式写法，推荐 data:function(){ return{ name:"数据" } } data(){ return{ name:"数据" } } 阅读全文

posted @ 2021-10-05 21:09 IamHzc 阅读(486) 评论(0) 推荐(0) 编辑

SpringBoot & CORS跨域共享

摘要：在核心配置类中添加： @Configuration public class MainConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { //添加跨域路阅读全文

posted @ 2021-10-05 21:02 IamHzc 阅读(34) 评论(0) 推荐(0) 编辑

salt值

摘要： SALT值属于随机值。用户注册时，系统用来和用户密码进行组合而生成的随机数值，称作salt值，通称为加盐值。 **背景：**系统通常把用户的密码如MD5加密后，以密文形式保存在数据库中，来防止黑客偷窥。 **产生：**随着对MD5密文查询工具的出现，而很多用户的密码又设置简单，单纯的对用户密码进行M 阅读全文

posted @ 2021-10-05 19:56 IamHzc 阅读(79) 评论(0) 推荐(0) 编辑

Loading

公告