- 博客(21)
- 收藏
- 关注
RSS订阅原创 el-table-column prop=“is_show“ 三目运算写法
el-table-column prop=“is_show” 三目运算写法// is_show为0时候 不显示 否者显示 直接再prop写三目运算不行<el-table-column prop="is_show" label="是否显示" width="80"></el-table-column>正确写法<el-table-column label="是否显示" width="80"> <template slot-scope="scope
2022-04-20 14:01:50
610
原创 vue中三目运算三个条件判断写法
vue中三目运算三个条件判断写法// 三目运算 <span>{{ row.type ==0?'不进行限购':(row.type ==1 ? '按每种商品进行限购':'按活动进行限购')}}</span>
2022-04-20 10:39:40
3120
原创 条件判断动态添加class样式
条件判断动态添加class样式条件判断动态添加class样式// 是否完成 如果完成就是one样式 否则是two样式 <div :class="isOk == true? 'one' : 'two' ">完成</div>.one{ color:pink;}.two{ color:red;}
2022-04-13 14:08:18
665
原创 Vue 单页应用与多页应用的区别
Vue 单页应用与多页应用的区别概念：● SPA单页面应用（SinglePage Web Application），指只有一个主页面的应用，一开始只需要加载一次js、css等相关资源。所有内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅仅刷新局部资源。● MPA多页面应用 （MultiPage Application），指有多个独立页面的应用，每个页面必须重复加载js、css等相关资源。多页应用跳转，需要整页资源刷新。...
2022-02-25 23:28:47
467
原创 MVVM、MVC、MVP的区别
MVVM、MVC、MVP的区别MVC、MVP 和 MVVM 是三种常见的软件架构设计模式，主要通过分离关注点的方式来组织代码结构，优化开发效率。在开发单页面应用时，往往一个路由页面对应了一个脚本文件，所有的页面逻辑都在一个脚本文件里。页面的渲染、数据的获取，对用户事件的响应所有的应用逻辑都混合在一起，这样在开发简单项目时，可能看不出什么问题，如果项目变得复杂，那么整个文件就会变得冗长、混乱，这样对项目开发和后期的项目维护是非常不利的。(1) MVCMVC 通过分离 Model、View 和 Cont
2022-02-25 23:20:12
137
原创 双向数据绑定的原理
双向数据绑定的原理Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。主要分为以下几个步骤：需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上setter和getter这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化compile解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面视图，并将每个
2022-02-25 23:10:18
134
原创 includes和indexOf的区别
includes和indexOf的区别includes 返回的是true falseindexOf 返回的是索引
2021-12-24 11:30:42
187
原创 tsc报错无法加载文件，因为在此系统上禁止运行脚本
ts报错解决方法使用管理员允许vscode然后敲下来的命令get-ExecutionPolicy 显示RemoteSignedset-ExecutionPolicy RemoteSignedget-ExecutionPolicy然后就可以啦
2021-12-01 13:49:11
678
原创 ES6笔记
ES6笔记let 声明变量1.变量不能重复声明2.块儿级作用域 全局 函数，eval3.不存在变量提升4.不影响作用域链const声明常量1.一定要赋初值2.一般常量使用大写（潜规则）const A=100;console.log(A);3.常量的值不能修改 SHCOOL='WENLI'4.块儿级作用域 { const P='EW' } console.log(P);5.对于数组和对象的元素修改，不算做对常
2021-11-29 22:43:34
372
原创 安装淘宝镜像
安装淘宝镜像命令// 安装淘宝镜像命令npm install -g cnpm --registry=https://registry.npm.taobao.org检查淘宝镜像是否安装成功
2021-11-26 09:53:34
380
原创 vue笔记
vue笔记第一步：安装(仅第一次执行)：全局安装@vue/clinpm install -g @vue/cli第二步：切换到你要创建项目的目录下，创建项目vue create happy第三步：启动项目npm run serve脚手架文件结构关于不同版本的vueref属性关于VueComponent配置项propsscoped样式组件化编码流程...
2021-11-12 16:21:28
862
原创 react、vue中的key有什么作用？
react、vue中的key有什么作用？(key的内部原理)1.虚拟DOM中key的作用：key是虚拟DOM对象的标识，当状态中的数据发生变化时，vue会根据【新数据】生成【新的虚拟DOM】，随后vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下：2.对比规则1.旧寻DOM中找到了与新虚拟DOM相同的key;a.若虚拟DOM中内容没变，直接使用之前的真实DOMb.若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中之前的真实DOM2.旧虚拟DOM未找到与新虚拟DO
2021-11-07 16:14:15
145
原创 Vue中的事件修饰符
Vue中的事件修饰符1.prevent:阻止默认事件（常用）2.stop：阻止事件冒泡（常用）3.once:事件只触发一次（常用）4.capture:使用事件的捕获模式5.self:只有event.target是当前操作的元素是才触发事件6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕...
2021-11-05 21:58:29
83
原创 MVVM模型
MVVM模型M:模型(Model):对应data的数据V：视图(View):模板VM：视图模型(ViewModel):Vue实例对象观察发现：1.data中所有的属性，最后都出现在了vm身上2.vm身上所有的属性及Vue原型上所有属性，在Vue模板中都可以直接使用...
2021-11-04 21:55:55
93
原创 vue数据绑定
vue数据绑定单向绑定（v-bind）单向绑定（v-bind）：数据只能从data流向页面双向绑定（v-model）双向绑定（v-model)：数据不仅能从data流向页面，还可以从页面流向data注意1.双向绑定一般都是应用在表单元素上（如：input、select等）2.v-model：value可以简写为v-model，因为v-model默认收集的就是value值下面展示一些 v-bind v-model的代码片。// 单向数据绑定单向数据绑定：<input type="te
2021-11-04 21:25:38
88
原创 Computed 和 Watch 的区别
Computed 和 Watch 的区别Computed它支持缓存，只有依赖的数据发生了变化，才会重新计算，不支持异步，当Computed中有异步操作时，无法监听数据的变化.computed的值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data声明过，或者父组件传递过来的props中的数据进行计算的。如果一个属性是由其他属性计算而来的，这个属性依赖其他的属性，一般会使用computed，如果computed属性的属性值是函数，那么默认使用get方法，函数的返回值就是属性的属性值，
2021-11-04 18:57:40
385
原创 GitHub搭建的个人博客发表文章
GitHub搭建的个人博客发表文章使用markdown语言可以使用cdsn直接编写文章然后导出成.md文件放到source下面的_posts文件中标题改一下最后 hexo s hexo d 部署到GitHub上（记录下来以免自己过段时间忘了）...
2021-11-03 22:34:51
410
原创 hexo个人博客修改主题
hexo个人博客修改主题使用git 和github、hexo搭建博客hexo主题修改命令下载:使用git 和github、hexo搭建博客hexo主题修改hexo themes官网主题: 选择自己喜欢的风格点击下载: 将下载的主题解压后放在themes文件中命令下载:// 下载主题 git clone https://github.com/miiiku/hexo-theme-flexblock.git ./themes/flex-block修改config.yml中的主题名them
2021-11-03 21:15:26
178
原创 2021-09-17
react创建项目报错error F:\专班\react\beijing-normal-university\node_modules\core-js: Command failed. Exit code: 1 Command: node -e "try{require('./postinstall')}catch(e){}" Arguments: Directory: F:\专班\react\beijing-normal-university\node_modules\core-js Output:
2021-09-17 11:22:02
456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人