- 博客(13)
- 收藏
- 关注
RSS订阅原创 window.getComputedStyle()方法
1.window.getComputedStyle()方法返回值 是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。 语法：var style = window.getComputedStyle("元素", "伪类"); //第二个参数选填 如果不查询伪类的话可以不填或填null2.window.getComputedStyle()和element.style的区别 win...
2021-10-29 16:19:00
4204
原创 Vue-给对象新增属性（使用Vue.$set()）
Vue-给对象新增属性（使用Vue.$set()） - 简书掘金https://juejin.cn/post/6844903901175496711
2021-10-26 11:12:29
67
原创 Vue采用虚拟DOM的目的是什么?
vdom 的真正意义是为了实现跨平台，服务端渲染，以及提供一个性能还算不错 Dom 更新策略。具体的内容继续再补
2021-10-24 11:51:45
58
原创 监听Srote中的数据
问题描述：为什么监听store中的数据，是需要将取到的数据放入在计算属性而不是data中？computed: { ...mapState(['editTabSelectHeight','nowCheckScene'])},watch: { nowCheckScene: { handler: function(val, oldVal) { if (val) { this.$store.dispatch('setSceneData') } },
2021-10-20 14:07:57
117
原创 vuex-mapState
state里面的数据在使用的时候，一般是挂在computed里面的，因为如果你挂在data上面，只会赋值一次，不会跟着vuex里面的变化而同步变化，当然也可以通过watch $store去解决这个问题，如下:computed: { hasBg(){ return this.$store.state.hasBg }}有了vuex，我们不必在考虑组件之间的传值，直接就可以通过$store来获取不同的数据，这样写就太啰嗦了，我们可以将它定义在computed中:
2021-10-12 16:43:44
203
原创 vue中的mixins
定义： 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。作用：主要作用是继承和封装，将一些公共的代码抽离，可以减少代码量，提高复用性。简单来说就是将mixins文件中的数据、方法（钩子函数）合并混合进目标文件中。实例： 参考至vue - minix混入_idomyway的博客-CSDN博客...
2021-10-11 16:15:16
58
原创 vue ref与$refs
获取本页面中的dom元素:<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div></template><script>export default { methods: { getTest() {
2021-10-08 23:34:34
60
原创 vue中的$
this.$data this.$watch this.$el //与document.getElementById('ID名')是严格等于的。其他属性以此类推 this.$set this.$options this.$nextTick(()=>{ }) this.$refsvue中的$大概有以上几种。以便与用户定义的属性区分开来。vue中的$存在的意义： 1.以便与用户定义的属性区分开来 举个例子：vm.watch这个...
2021-09-27 17:40:54
6939
原创 JavaScript--Number.isNaN（）
背景：试图用Number.isNaN（）去判断传入的参数是不是数字，但是踩了坑，在此做个记录。问题描述： console.log(Number.isNaN(0)); //结果为false console.log(Number.isNaN('AB')); //结果为false
2021-06-17 18:39:18
175
原创 关于vant组件在vue-cli中的注册方式的临时记录
<template> <div> <van-button type="primary">主要按钮</van-button> </div></template><script>import { Button } from 'vant';export default { name:'tabbar', components:{ //[Button.name]:.
2021-06-14 23:45:20
291
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人