摘要:
变量声明 简单描述:复杂数据比如数组对象之类的用reactive基础数据比如字符串和数字布尔值用ref只读的不想修改的数据用readonly (注意不是响应式的)当然你要是闲麻烦,偷懒也可以全部写在一个大的对象内,就像以前的data一样了。 - -! 函数声明 注意点就是ref和reactive的操 阅读全文
摘要:
(1)mixin基础官网解释(Vue2.x): 混入(mixin)提供了一种非常灵活的方式,来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 如何理解mixins?我们可以将mixins理解成一个数组,数组中 阅读全文
摘要:
转载地址 https://www.jb51.net/article/215294.htm 1. 三元运算符判断 2. 动态设置class 3. 方法判断 4. 数组绑定 5. computed结合es6对象的计算属性名方法 1. 三元运算符判断 <text :style="{color:state? 阅读全文
摘要:
节流函数 js代码(可直接复制到编辑器上看效果): //首先定义一个全局变量var canRun = true;//当浏览器窗口大小发生变化也就是重新计算窗口大小的时候触发 window.onresize = function(){// 取反,canRun为false的情况下 if(!canRun) 阅读全文
摘要:
var obj={a:1,b:3}console.log(obj) 使用Object.defineProperty定义新属性或修改原有的属性; 语法: Object.defineProperty(obj, prop, descriptor) 参数: obj:必需。目标对象; prop:必需。需定义或 阅读全文
摘要:
flex 弹性布局一. flex 解释1、flex 布局 为 flexible BOX 的缩写 ,意思为 弹性布局。2、块级元素和行内块级元素都可以使用flex布局3、Webkit内核的浏览器,需要加上-webkit前缀。 二. flex 容器 属性 1、flex-direction此属性决定主轴的 阅读全文
摘要:
兄弟组件A B A页面无论是点击哪个个按钮,如果改变了列表中的数据,B列表需要实时更新数据。 然后就可以通过emit、on进行通信:如下: B组件中发射 this.$eventBus.$emit('openDemandList') 接着,我们要在A组件中的created()钩子中调用bus监听这个事 阅读全文
摘要:
const demand=Thu Apr 29 2021 16:23:29 GMT+0800;//const demand = this.ruleForm.date2const resDate = demand.getFullYear() + '-' + this.transTime((demand 阅读全文
摘要:
Vue.component('example', { props: { // 基础类型检测 (`null` 意思是任何类型都可以) propA: Number, // 多种类型 propB: [String, Number], // 必传且是字符串 propC: { type: String, re 阅读全文
摘要:
1)单行文本溢出显示省略号 1、overflow:hidden; (顾名思义超出限定的宽度就隐藏内容) 2、white-space: nowrap; (设置文字在一行显示不能换行) 3、text-overflow: ellipsis;(规定当文本溢出时显示省略符号来代表被修剪的文本) 我们具体的代码 阅读全文