| | | |

2022年7月11日

摘要：转：https://blog.csdn.net/weixin_45791692/article/details/124045505 1 简介 Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。 Vue 实例有⼀个完整的⽣命周期，也就是从开始创阅读全文

posted @ 2022-07-11 15:15 金天黑日阅读(50) 评论(0) 推荐(0)

2022年7月8日

Vue19 常用指令及自定义指令

摘要：部分转自：https://blog.csdn.net/weixin_58032613/article/details/122759818 1 常用指令 1） v-bind 单向数据绑定 https://www.cnblogs.com/jthr/p/16390591.html 2 ） v-model 阅读全文

posted @ 2022-07-08 14:47 金天黑日阅读(189) 评论(0) 推荐(0)

2022年7月6日

Vue18 过滤器

摘要： 1 简介过滤器（filter）是输送介质管道上不可缺少的一种装置,大白话，就是把一些不必要的东西过滤掉,过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理，我们也可以理解其为一个纯函数。 Vue 允许你自定义过滤器，可被用于一些常见的文本格式化 ps: Vue3中已废阅读全文

posted @ 2022-07-06 09:32 金天黑日阅读(40) 评论(0) 推荐(0)

2022年7月5日

Vue17 收集表单数据

摘要： 1）v-model.trim trim修饰符是去掉前后空格 2）type="number" 和 v-model.number type="number"：只能输入数字 v-model.number：以数字格式接收数据，否则是字符串接收 3）单选 type="radio" 多个选项input的name 阅读全文

posted @ 2022-07-05 17:03 金天黑日阅读(66) 评论(0) 推荐(0)

VUE16 检测数据变化的原理

摘要：部分转自：https://www.vue-js.com/topic/6129d7d661c8f900316ae37a 1 简介 Vue采用MVVM(数据驱动视图)的模式，去充当MVVM中的VM层，在数据层与视图层间做双向响应，使前端开发可以通过只改变数据，进而改变视图，其中用到的原理便是JS新提供原阅读全文

posted @ 2022-07-05 16:26 金天黑日阅读(450) 评论(0) 推荐(0)

2022年7月1日

Vue15 v-for和key的作用及原理

摘要：部分转自https://blog.csdn.net/cun_king/article/details/120714227 1 v-for指令 1.1 简介用于遍历。当在组件中使用 v-for 时，key 现在是必须的。它需要一个唯一id 1.2 遍历数组 <template> <p v-for= 阅读全文

posted @ 2022-07-01 16:40 金天黑日阅读(362) 评论(0) 推荐(0)

2022年6月30日

Vue14 条件渲染

摘要：转：https://blog.csdn.net/weixin_57519185/article/details/121168426 1 简介通过指令v-show和v-if可以实现条件渲染。它们都能控制元素在页面是否显示。当表达式都为 false 时，都不会占据页面位置，当表达式结果为 true 阅读全文

posted @ 2022-06-30 17:17 金天黑日阅读(38) 评论(0) 推荐(0)

Vue13 样式动态绑定

摘要： 1 class样式的动态绑定 1.1 说明通过命令v-bind:class设置一个对象，动态切换class。可以简写为:class。 class=""可以和:class=""共存它可以分为三种写法。字符串写法，数组写法，对象写法 1.2 简单示例绑定之后，就可以操作vm的属性来动态改变样式了阅读全文

posted @ 2022-06-30 17:07 金天黑日阅读(84) 评论(0) 推荐(0)

Vue11 vue的data中属性的值(基础数据类型和对象)

摘要： 1 代码 <body> <div id="root"> <h1>{{name}}</h1> <h1>{{obj}}</h1> </div> <script type="text/javascript" > let a = { name:'sisi' } const vm = new Vue({ el 阅读全文

posted @ 2022-06-30 17:05 金天黑日阅读(616) 评论(0) 推荐(0)

Vue12 监视属性

摘要： 1 简介所谓监听就是对内置对象的状态或者属性变化进行监听并且做出反应的响应，监听属性，意思就是可以监视其他数据的变化 2 使用使用watch配置项，在配置项里面写上要监视的属性，每次属性值的变化都会触发handler函数回调，也可以监视计算属性的变化 2.1 语法格式其中，属性名表示监视的da 阅读全文

posted @ 2022-06-30 15:48 金天黑日阅读(73) 评论(0) 推荐(0)