Vue
文章平均质量分 64
Vue学习笔记
Celester_best
不断积累,相信自己一定可以!!!
展开
-
vue3学习之路-创建vue3项目
本文说明了创建vue3+vite项目的过程,以及为什么要使用vite,vite和webpack的比较。原创 2022-11-01 22:53:24 · 385 阅读 · 0 评论 -
vue3学习之路-准备工作
vue3的学习,在该篇文章中会介绍vue3的一些准备工作和对vue3比较基础的一些介绍原创 2022-08-28 22:47:44 · 478 阅读 · 0 评论 -
React和Vue的props验证
本文主要讲解React和vue中的数据校验,主要包括以下内容:一、React中数据校验React中基本类型校验,默认值设置,必须属性设置React中组合数据类型校验:oneOfType,arrayOf,objectOf,shape等的使用二、Vue中的数据校验vue中的基本类型校验,默认值设置,必须属性设置vue中多种类型校验vue只对象数组校验vue中自定义类型校验...原创 2022-07-28 23:58:42 · 930 阅读 · 0 评论 -
Vue中sync修饰符的原理和作用
子组件修改父组件变量的两种方式sync修饰符的使用以及原理原创 2022-07-07 23:49:06 · 840 阅读 · 0 评论 -
Vscode中快速生成代码的方式
快速生成react和vue代码的方法原创 2022-07-05 23:24:36 · 7381 阅读 · 0 评论 -
vue中缓存组件keep-alive
keep-alive相关介绍、keep-alive的使用、include和exclude的说明和使用,keep-alive相关的生命周期原创 2022-06-23 00:16:02 · 3961 阅读 · 2 评论 -
Vue动态设置img的src不生效的问题
在vue项目中动态设置img的src时,图片会加载失败。我们可以先看个例子。由结果可以看出图片加载失败。查看elements之后会发现,src被当做静态资源处理了,并没有进行编译。 为了解决动态的src没有进行编译的问题,我们可以使用require引入图片。 可以看到使用require引入图片之后,图片就可以正常加载出来了。require是在运行时加载,而import是编译时加载;如果希望使用import引入图片就需要提前导入图片。 另外require和import另外的区别:requir原创 2022-06-21 22:02:48 · 4842 阅读 · 0 评论 -
vue的生命周期及父子组件生命周期
本文讲解了vue的生命周期,父子组件涉及的生命周期过程以及created和mouted钩子的区别原创 2022-06-08 23:05:11 · 4334 阅读 · 0 评论 -
VUE中data相关的知识点
vue中data的几个知识点:data的重置,组件中的data是函数不能是对象的分析,vue实例中的data可以是对象也可以是函数原创 2022-06-07 23:19:16 · 1676 阅读 · 0 评论 -
双向绑定和v-model
v-model的简介v-model是一个指令,限制在<input>、<select>、<textarea>、components中使用,实现数据-视图、视图-数据的双向绑定。v-model的使用以及实例体现v-model的双向绑定<template> <div class="hello"> <input v-model="inputData" /> <p>输入的内容为:{{ inputDat原创 2022-03-21 23:01:31 · 926 阅读 · 0 评论 -
安装vue-devTool
因为chrome浏览器受限,不能在线安装devTools插件,只能离线安装。离线安装的方法有如下几种:下载devTools源码devtools下载地址:https://github.com/vuejs/devtools下载之后通过cmd命令进入到文件夹,1、首先输入安装依赖;输入npm install命令2、接着编译输入npm run build命令3、如果第二步成功之后,修改manifest.json文件找到manifest.json文件(shells ->原创 2022-03-20 22:39:50 · 2535 阅读 · 0 评论 -
input事件和change事件的区别
今天在监听<input>输入框的内容变化时监听的是change事件,本意是希望输入框内容一发生变化就执行事件监听方法,但是在运行时却发现我在输入框中输入了内容,但是监听事件并没有执行,改用input事件之后才达到了预期。于是,就查看资料了解了change事件和input事件的区别。input事件和change事件的区别input事件:输输入框内容发生改变时就会触发change事件:输入框内容发生改变,并且输入框失去焦点时触发。例如向输入框中输入一长串的内容后按下enter键、点击其他原创 2022-03-19 23:34:47 · 8484 阅读 · 0 评论 -
创建vue项目
一、检查是否安装nodejs在cmd命令窗口输入命令检查node和npm二、安装淘宝镜像输入npm install -g cnpm --registry=https://registry.npm.taobao.org确认淘宝镜像安装成功三、安装vue在命令行窗口执行cnpm install vue命令四、安装vue-cli在命令行窗口中执行cnpm install -g vue-cli命令五、创建项目执行 vue init webpack 自己的项目...原创 2022-03-17 22:41:27 · 298 阅读 · 0 评论 -
v-show和v-if
v-show和v-if的区别v-show和v-if都是vue中进行条件渲染的指令。1、v-show和v-if控制元素显示与隐藏的方式不同v-show是通过控制dom元素的display属性来控制元素的显示与隐藏;而v-if是直接在dom树中添加或者删除元素来控制元素的显示与隐藏。元素处于显示状态:元素处于隐藏不可见状态:可以看到当元素处于可见状态时,元素的属性并没有什么区别,但是当设置v-show和v-if为false时,就可以看出明显的差别——v-show控制的元素多了..原创 2022-03-07 23:07:32 · 1710 阅读 · 0 评论 -
vue中使用scoped防止样式污染以及scoped的原理
样式污染示例一个很简单的例子,在两个组件中都有class名为test的div标签,在ScopedDemo组件中设置test样式,在ScopedChildCpm中没有设置样式。<template> <div class="scoped-test-wrap"> <div class="test">样式污染</div> <ScopedChildCpm></ScopedChildCpm> </div>原创 2022-01-28 23:43:43 · 2873 阅读 · 2 评论