- 博客(13)
- 收藏
- 关注
RSS订阅原创 搜集表单数据
若:<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。若:<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。(1)v-model的初始值是非数组，那么收集的就是checked（勾选 or未勾选，是布尔值)<label></label>-----点击input输入框前面的文字，也能获取焦点,两者通过id关联。(2)v-model的初始值是数组，那么收集的的就是value组成的数组。
2023-09-03 17:31:00
29
原创 Vue监视数据的原理
1.使用这些API: push()、pop()、shift()、unshift()、splice()、sort()、 reverse()Vue.set(target.propertyName/index,value)或。特别注意:Vue.set()和 vm.$set()不能给vm或 vm的根数据对象 添加属性!通过setter实现监视,且要在new Vue时就传入要监测的数据。3.如何监测数组中的数据?(1).对象中后追加的属性，Vue默认不做响应式处理。2.Vue.set()或vm.$set()
2023-09-03 15:50:23
27
原创 v-for key的原理
key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据【新数据】生成【新的虚拟。@.若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中之前的真实DOM.1.最好使用每条数据的唯一标识作为key,比如id、手机号、身份证号、学号等唯一值。面试题:react、vue中的key有什么作用?(key的内部原理)会产生没有必要的真实DOM更新==〉界面效果没问题,但效率低。回.若虚拟DOM中内容没变,直接使用之前的真实DOM!(2).旧虚拟DOM中未找到与新虚拟DOM相同的key。
2023-09-02 19:01:38
34
1
原创 vue 深度监视
(1).Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以。(2).使用watch时根据数据的具体结构,决定是否采用深度监视。(1).vue中的watch默认不监测对象内部值的改变(一层)。
2023-09-02 17:27:04
30
1
原创 Vue事件修饰符
5.self:只有event.target是当前操作的元素是才触发事件;6.passive:事件他的默认行为立理执行，无需等待事件回调执行完毕;1.prevent:阻止默认事件（常用）;4.capture:使用事件的捕获模式;3.once:事件只触发一次（常用）;2.stop:阻止事件冒泡（常用）;
2023-09-02 15:22:16
30
1
原创 computed计算属性
（2）如果计算属性要被修改，必须写set函数去响应修改，且set中要引起计算是依赖的数据发生改变。2、原理：底层借助了，object.defineproperty方法提供的getter和setter.4、优势：与methods相比，内部有缓存机制，效率更高，调试更方便。（1）计算属性最终会出现在vm上，直接读取即可。（2）当依赖的数据发生改变时会再次调用。1、定义：要用的属性不存在，要通过已有的属性计算出来。（1）初次读取时会执行一次。3、get函数什么时候执行？
2023-09-02 15:21:33
29
1
原创 MVVM模型
(2).vm身上所有的属性及Vue原型上所有属性，在Vue模板中都可以直接使用。(1）.data中所有的属性,最后都出现在了vm身上。3、VM:视图模型(ViewModel): Vue实例。1、M:模型(Mode1) : data中的数据。2、V:视图(View):模板代码。
2023-09-01 14:51:44
41
1
原创 el和data的两种写法
/ data:{name:'李四'},// data:{name:'张三'},// data:{name:'王五'},这是{{name}}// data的两种写法。// 写法一：对象式。// 写法二：函数式。
2023-09-01 14:38:19
35
1
原创 Vue v-bind和v-model区别
2.v-model:value可以简写为v-model，因为v-model默认收集的就是value值。2.双向绑定(v-model):数据不仅能从data流向页面，还可以从页面流向data.1.双向绑定一般都应用在表单类元素上(如: input、 select、radio等)1.单向绑定(v-bind):数据只能从data流向页面。
2023-09-01 14:12:23
57
原创 栅格网格系统-列组合、列偏移、列排列、列嵌套
向右边\左边移动4等份后显示，若移动到的位置上有东西，则被原位置上的覆盖（代码自上而下执行）列总和不能大于12，大于12换在下一行。不大于12 在一行显示。偏移4等份后显示，不足的换下一行，从下一行开始偏移4等份。col-md-push（向右）\pull(向左)-移动大小[1-12]4.列嵌套(在一列中添加row，在其内部划分列依旧是12等份)col-md-offse-要偏移的大小【1-12】列于列之间有间隙，使用列偏移。col-md-所占份额大小【1-12】一共12等份，占4等份。
2023-08-30 19:55:19
134
1
原创 Bootstrap的container和container-fluid区别
2、.container-fluid类用于100%宽度，占据全部视口(viewport)的容器。（浏览器两侧撑满，不留白）1、.container类用于固定宽度并支持响应式布局的容器。
2023-08-30 16:35:05
147
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人