![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
Arden Zhao
这个作者很懒,什么都没留下…
展开
-
Day 262/300 Uncaught (in promise) TypeError: Cannot read property ‘__asyncLoader‘ of undefined
如果是之前没问题,新出来的问题。就找找最近改了什么代码。我是3周前,改了这个代码,出现的问题。在第一次排查的时候,只翻到了两周前的代码。原创 2022-09-28 14:49:26 · 2876 阅读 · 0 评论 -
Day 244/300 vue3 父组件调用子组件方法
写在最后的话学习路上,常常会懈怠《有想学技术需要监督的同学嘛~》https://mp.weixin.qq.com/s/FyuddlwRY7DsHUejCjiVug原创 2022-06-01 21:52:06 · 94 阅读 · 0 评论 -
Day 214/300 Vue3 Ref和Reactive区别
(一)需求被问到,Ref和Reactive区别,不会。这里小结记录下。(二)介绍1、共同点:都是用来创建响应式数据的;都可以创建对象类型的响应数据;2、不同点:(1)Ref主要用来创建基础数据类型的响应数据;<!-- 模板语法> <template> <div>{{state}}</div></template> //js 脚本setup(){ let state = ref(10) s原创 2022-04-24 17:29:10 · 349 阅读 · 0 评论 -
Day 194/200 Vue-cli 改为 Vite2.0
1、需求Vue3项目开发时,随着项目模块的变多启动很慢,HRM的更新也挺慢的。想变快一些。2、Vue-cli 改为 Vite使用webpack-to-vite将webpack 转为vite的方式。1)安装及转化命令npm install @originjs/webpack-to-vite -gwebpack-to-vite <project path>2)安装后cd ocrnpm installnpm run serve-vite3、title报错需要在配置文件.en原创 2022-02-22 17:04:31 · 397 阅读 · 0 评论 -
Day179/200 手写|DefineProperty实现双向绑定
const model=function(state,element) { //1、State中的值改变,修改input中的值 // 首次赋值 element.value = state.value //持续拦截state Object.defineProperty(state,'value',{ get(){ return element.value //这里返回的是element的值,如果写成State会爆栈【不明白】原创 2021-12-20 17:09:07 · 128 阅读 · 0 评论 -
Day 163/200 Vuex V3.X 学习笔记
前言用了Vue很久,一般是用简单的组件内,或者简单的组件间传值,复杂的就不知道怎么弄了,一直没怎么学,现在决定要学,发现好像也没有那么难。(一)适用条件适用于Vue2(Vue3适用于Vuex 4.X);虽然技术旧一点,但是是现在在用,所以还需要学。(二)定义Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(三)特点1、单项数据流state,驱动应用的数据源;view,以原创 2021-10-21 21:27:39 · 72 阅读 · 0 评论 -
Day156/200 Vue3+AntDesign+Jest 安装一直报错,记录下
前言在项目中,各种资料查了好多,搞了3天,最终解决了,记录一些踩过的坑,希望对后来人有所启发。(一)正确配置1、jest.config.jsmodule.exports = { preset: '@vue/cli-plugin-unit-jest', transform: { ".*\\.(vue)$": "<rootDir>/node_modules/vue-jest" },}2、babel.config.jsmodule.exports原创 2021-09-27 17:05:00 · 508 阅读 · 0 评论 -
Day 139/200 Vue 组件间方法调用
1、父组件调用子组件的方法父组件//组件<PeopleRelate ref="peopleRelate"></PeopleRelate>//调用方法this.$refs.peopleRelate.handleOk()2、子调父子组件<view @click="getActive()"></view>//JSthis.$emit('editBisicInfo')父组件<bisicInfo @editBis原创 2021-07-28 14:15:49 · 58 阅读 · 0 评论 -
Day 122/200 uniapp 在哪里新建页面和页面配置?
pages.json原创 2021-06-03 14:47:24 · 104 阅读 · 0 评论 -
Day 121/200 Vue新增属性无法双向绑定怎么办
this.$forceUpdate()原创 2021-06-02 17:00:28 · 81 阅读 · 0 评论 -
Day 115/200 React You may need an appropriate loader to handle this file type, currently no loa...
前面的话新手上路,碰到报错蒙了,后来发现是图片引入失败安装file-loadernpm i -D file-loader在webpack.config.js中的rules数组中添加file-loader的相关配置注意1、图片的支持格式,在rules配置(不要引入不支持的图片格式)2、图片格式前面的标点写错了,是. 不是 ,...原创 2021-04-02 18:05:08 · 1061 阅读 · 0 评论 -
Day 73/100 Object.defineProperty的四个属性
写在前面的话面京东的时候被问到,没记住第四个属性;基础的知识还是要记住这就是盖房子的一块好砖呀~1、Object.defineProperty的属性表2、和Vue的联系这个是Vue 1.0,2.0的双向绑定底层原理;Vue3.0的双向绑定原理换为了Proxy;以上...原创 2020-11-29 23:41:05 · 141 阅读 · 0 评论 -
Day 71/100 如何提高webpack的打包速度?
写在前面的话虽然有的时候每天写博客会点水(还不够好)但每天写,就会有确定感(无论在做什么,哪怕是一个俯卧撑)希望对看到的你有所启发~方法汇总1、使用监听模式或热更新热替换2、开发环境不做无意义的操作3、代码压缩用ParallelUglifyPlugin代替自带的 UglifyJsPlugin插件4、css-loader使用0.15.0以下的版本5、使用fast-sass-loader代替sass-loader6、babel-loader开启缓存7、不需..原创 2020-11-27 23:05:10 · 92 阅读 · 0 评论 -
Day45/100 Vue的生命周期
写在前面的话Vue生命周期贯穿Vue的整体思想的理解~灰常重要(一)Vue生命周期全景图Vue生命周期(二)新建Vue实例1、每个 Vue 应用都是通过用Vue函数创建一个新的Vue 实例开始的:var vm = new Vue({ // 选项})2、当一个 Vue 实例被创建时,它将data对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。// 我们的数据对...原创 2020-09-15 15:23:07 · 123 阅读 · 0 评论 -
Day 26/100 创建Vue Demo
(一)Vue官网https://cn.vuejs.org/(二)安装脚手架vue/clihttps://cli.vuejs.org/zh/安装使用yarn(用的淘宝的镜像,相对会快一些)yarn global add @vue/cli创建一个项目vue create my-project发现是Hbuilder是在PowerShell 中运行的,在Cmd中执行命令,好使~参考资料1、PowerShell yarn : 无法加载...原创 2020-08-26 22:14:06 · 69 阅读 · 0 评论 -
Windows服务器IIS vue 单页面刷出404
1、IIS 安装插件需要安装模块urlrewrite, 传送门:https://www.iis.net/downloads... 2、vue-router采用hash模式export default new Router({ mode: 'hash', routes: Router})const Router = [ { path: '/#/ind...原创 2018-11-02 17:14:32 · 1558 阅读 · 0 评论 -
vue的双向绑定原理及实现
前言使用vue也好有一段时间了,虽然对其双向绑定原理也有了解个大概,但也没好好探究下其原理实现,所以这次特意花了几晚时间查阅资料和阅读相关源码,自己也实现一个简单版vue的双向绑定版本,先上个成果图来吸引各位:代码: 效果图: 是不是看起来跟vue的使用方式差不多?...转载 2018-04-19 21:39:36 · 215 阅读 · 0 评论 -
Vue生命周期中mounted和created的区别
一、什么是生命周期?用通俗的语言来说,就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨,但是也基本上可以理解。通过一系列实践,现在把所有遇到的问题整理一遍,今天记录一下created和mounted的区别:二、created和mounted区别?官方图解如下:我们从图中看两个节点:created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。mount...转载 2018-04-18 08:30:08 · 136975 阅读 · 1 评论