随笔分类 - Vue
摘要：vue中scoped原理 scoped 在vue组件中的style标签上有一个特殊属性“scoped” 作用 当一个style标签拥有scoped属性时，它的css样式就只能作用于当前的组件，通过该属性，可以使组件之间的样式不互相污染。 原理 为组件实例生成一个唯一标识，给组件中的每个标签对应的do
阅读全文
摘要：vue-qr基础使用： 第一步，先安装 vue-qr 插件 npm install vue-qr --save第二步，在想要生成vueQr 的Vue页面引入组件 import vueQr from 'vue-qr'第三步，在components中引入VueQr组件 components: { Vue
阅读全文
摘要：1、正常的顺序执行 create // 执行时挂载阶段还没有开始，模版还没有渲染成html，所以无法获取元素。created钩子函数主要用来初始化数据。 beforeMount // 这一步的时候，模版已经在内存中编译好了，但是尚未挂载到页面中去。 computed // 是在DOM执行完成后立马执
阅读全文
摘要：1. utils/loading.js /** * 全局loading效果：合并多次loading请求，避免重复请求 * 当调⽤⼀次showLoading，则次数+1；当次数为0时，则显⽰loading * 当调⽤⼀次hideLoading，则次数-1; 当次数为0时，则结束loading */ i
阅读全文
摘要：MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 View Model 的双向数据绑定，这使得View Model的状态改变可以自动传递给 View，这就是所谓的数据双向绑定。 Vue.js 是一个提供 MVVM 风格的双向数据
阅读全文
摘要：1、是否合法IP地址 if(value==''||value==undefined||value==null){callback();}else {constreg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-
阅读全文
摘要：1.共同点： v-if 和 v-show 都能实现元素的显示隐藏. 2.不同点： v-if显示隐藏是将dom元素整个添加或删除，v-show元素隐藏时，会在dom节点中把该元素设置css属性为display : none，元素依然保留在dom节点中. 3.区别 (1).手段：v-if是动态的向DOM
阅读全文
摘要：虽然 vue2 到 vue3 的实现大改，但在用法上变化基本不大，比较明显的一个变化就是添加了 setup(){} 函数了， 几乎所有的配置变成了以函数的方式进行定义。 即使是这样，但小改动还是很多的。 这里默认你已经熟练掌握了 vue 2.x 的使用。 一、新增composition-api 1.
阅读全文
摘要：vue项目注意事项 1. 文件和路由命名规范 views里面代表的是你下面导航中的每一块，每个文件名 需要大写，路由命名全部小写，第一层路由就是最下面的那几个导航的名字，二级路由是在一 级路由的基础上写，路由名字如果是有两个单词组成的，必须用短横岗的格式：比 如/home/shop-detail 2
阅读全文
摘要：1. <van-tabs v-model="active" sticky title-active-color="#144a9e" // 选中的标签文字颜色 color="#144a9e" // 下面那个下划线颜色 @click="tabClick"> 2. 改变van-tab边框颜色 在类名前加上
阅读全文
摘要：MVC，MVP和MVVM都是常见的软件架构设计模式（Architectural Pattern），它通过分离关注点来改进代码的组织方式。不同于设计模式（Design Pattern），只是为了解决一类问题而总结出的抽象方法，一种架构模式往往使用了多种设计模式。 要了解MVC、MVP和MVVM，就要知
阅读全文
摘要：可以通过this.$data获取当前状态下的data，通过this.$options.data()获取该组件初始状态下的data。 然后只要使用Object.assign(this.$data, this.$options.data())就可以将当前状态的data重置为初始状态了。ps: Objec
阅读全文
摘要：什么是回调地狱？异步的JavaScript程序，或者说使用了回调函数的JavaScript程序，很难地去直观顺畅地阅读，简单说，就是函数作为参数层层嵌套。嵌套的层次多，代码的可读性低，如果嵌套了十八层就会想到十八层地狱。代码以此种形式展现时是不利于阅读与维护的。 什么是回调函数？ 一个函数作为参数需
阅读全文
