随笔分类 -  Vue

vue组件之间8种组件通信方式总结
摘要:vue组件之间8种组件通信方式总结_zhoulu001的专栏-CSDN博客_vue组件通信 阅读全文
posted @ 2021-05-12 17:46 0C° 阅读(92) 评论(0) 推荐(0)
vue中如何获取dom元素
摘要:使用vue,我们尽量避免操作dom。 但是在vue中,我们是通过ref来获取dom元素 阅读全文
posted @ 2021-05-11 19:37 0C° 阅读(782) 评论(0) 推荐(0)
开发过程中常见的http状态码
摘要:100:告诉客户端继续发送数据请求 202:请求成功,并且返回结果 404:请求失败 500:服务器遇到未知的情况 阅读全文
posted @ 2021-05-11 12:43 0C° 阅读(77) 评论(0) 推荐(0)
详解vuex 解决多个组件之间的通信问题_Allen的博客-CSDN博客
摘要:参考: 详解vuex 解决多个组件之间的通信问题_Allen的博客-CSDN博客 详解vuex1.安装 yarn add vuex2.引入vuex 并且让vue使用vuex新建文件src/store/index.js(仓库)//引入vueximport Vuex from "vuex"import 阅读全文
posted @ 2021-05-11 02:26 0C° 阅读(409) 评论(0) 推荐(0)
组件的二次封装
摘要:参考: 【Vue】基于UI库二次组件封装——ant design table(包括支持slot插槽) - vickylinj - 博客园 (cnblogs.com) 阅读全文
posted @ 2021-05-11 01:43 0C° 阅读(164) 评论(0) 推荐(0)
组价通信之vue多层次组件监听动作和属性
摘要:v-bind="$attrs" v-on="$listeners" Vue 2.4 版本提供了这种方法,将父组件中不被认为 props特性绑定的属性传入子组件中,通常配合 interitAttrs 选项一起使用。之所以要提到这两个属性,是因为两者的出现使得组件之间跨组件的通信在不依赖 vuex 和事 阅读全文
posted @ 2021-05-11 01:22 0C° 阅读(140) 评论(0) 推荐(0)
v-model的语法糖
摘要:v-model 主要是用于表单上数据的双向绑定 一:基本 1:主要用于 input,select,textarea,component 2:修饰符: .lazy- 取代input监听change事件 .number- 输入字符串转为数字 .trim- 输入首尾空格过滤 二:语法糖 <input ty 阅读全文
posted @ 2021-05-11 01:16 0C° 阅读(555) 评论(0) 推荐(0)
面试题之promise篇
摘要:1、了解 Promise 吗? promise 2、Promise 解决的痛点是什么? 3、Promise 解决的痛点还有其他方法可以解决吗?如果有,请列举。 4、Promise 如何使用? 5、Promise 常用的方法有哪些?它们的作用是什么? 6、Promise 在事件循环中的执行过程是怎样的 阅读全文
posted @ 2021-05-10 09:10 0C° 阅读(323) 评论(0) 推荐(0)
面试题1
摘要:1、promise的api有哪些? promise.then: promise的异步结果,只能在完成状态时才能返回,而且我们在开发中是根据结果来选择来选择状态的,然后根据状态来选择是否执行then()。 实例化的Promise内部会立即执行,then方法中的异步回调函数会在脚本中所有同步任务完成时才 阅读全文
posted @ 2021-05-10 01:12 0C° 阅读(61) 评论(0) 推荐(0)
vuex的5个属性值
摘要:Vuex基本使用及进阶 一、下载vuex依赖 npm install vuex -S 二、启用vuex 在src文件下创建store文件夹,在里面新建一个index.js文件,在文件里书写以下代码 import Vue from 'vue' import Vuex from 'vuex' // 启用 阅读全文
posted @ 2021-05-10 00:56 0C° 阅读(346) 评论(0) 推荐(0)
vue中的.sync语法糖
摘要:在Vue中,子父组件最常用的通信方式就是通过props进行数据传递,props值只能在父组件中更新并传递给子组件,在子组件内部,是不允许改变传递进来的props值,这样做是为了保证数据单向流通。但有时候,我们会遇到一些场景,需要在子组件内部改变props属性值并更新到父组件中,这时就需要用到.syn 阅读全文
posted @ 2021-05-10 00:29 0C° 阅读(223) 评论(0) 推荐(0)
面试题2
摘要:1、什么是 `async/await` 及其如何工作,有什么优缺点 async/await 是一种建立在Promise之上的编写异步或非阻塞代码的新方法,被普遍认为是 JS异步操作的最终且最优雅的解决方案。相对于 Promise 和回调,它的可读性和简洁度都更高。 async 是异步的意思,而 aw 阅读全文
posted @ 2021-04-19 11:49 0C° 阅读(98) 评论(0) 推荐(0)
vue全局api之extend
摘要:### 全局api之extend vue.extend(函数) 注意:其中必须是函数 这在我们实际的开发中使用的比较少,这是因为和我们常用的vue.component相比extend更加繁琐。 官网解释extend是vue的构造器,床架一个子类。参数是一个包含组件选项的对象 data 选项是特例,需 阅读全文
posted @ 2021-04-10 17:06 0C° 阅读(190) 评论(0) 推荐(0)
ERROR Failed to get response from https://registry.npm.taobao.org/cypress
摘要:npm安装包跟创建vue的项目时,报错 执行命令:npm config set strict-ssl false 阅读全文
posted @ 2021-04-09 16:31 0C° 阅读(1151) 评论(0) 推荐(0)
对修饰器的实验支持功能在将来的版本中可能更改。在 "tsconfig" 或 "jsconfig" 中设置 "experimentalDecorators" 选项以删除此警告。ts(1219)
摘要:方法一:设置VSCode选项 管理==>设置==>搜索experimentalDecorators==>打上勾勾 方法二:增加jsconfig文件 在根目录下新建jsconfig.json文件 在根目录下新建jsconfig.json文件 { "experimentalDecorators": tr 阅读全文
posted @ 2021-04-03 13:03 0C° 阅读(4025) 评论(0) 推荐(1)
vue-cli4创建项目
摘要:1.进入一个目录,创建项目 对应命令: vue create project-one 2.我们这里选择手动配置 按 ↓ 选择“Manually select features”,再按 Enter 3.选择你需要的配置项 通过↑ ↓ 箭头选择你要配置的项,按 空格 是选中,按 a 是全选,按 i 是反 阅读全文
posted @ 2021-03-15 02:36 0C° 阅读(219) 评论(0) 推荐(0)
npm报错Error: EPERM: operation not permitted, mkdir 'C:\Program Files\nodejs'
摘要:解决: 删除C:\Users{你的用户文件夹}/目录中的.npmrc文件,如下 在这个位置!我的已经删了 阅读全文
posted @ 2021-03-14 20:01 0C° 阅读(4261) 评论(1) 推荐(1)
computer和watch的区别
摘要:computer是计算属性,且属性值具有缓存性。同时,computer还依赖于其他属性的计算值,当计算值发生变化时返回内容。当需要依赖于其他属性的计算值的变化来动态获取值的时候使用computer watch只要监听到值发生变化就会执行回调,同时在回调过程中执行一些逻辑操作。当我们需要执行复杂的逻辑 阅读全文
posted @ 2021-03-12 11:03 0C° 阅读(1144) 评论(0) 推荐(0)
ajax请求在vue中在哪个生命周期中?
摘要:ajax请求可以在created以及mounted中。但是,当请求在created中时,此时视图中的dom没有被渲染出来,拿不到真实的dom;而在mounted中,此时dom已经渲染出来了,所以可以直接操作dom。 注意:在服务端渲染不支持mounted,所以在服务端渲染的情况下统一使用create 阅读全文
posted @ 2021-03-11 16:23 0C° 阅读(777) 评论(0) 推荐(0)
vue中的watch的详细用法
摘要:在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法: <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' }, 阅读全文
posted @ 2021-03-10 20:58 0C° 阅读(169) 评论(0) 推荐(0)