
VUE学习笔记
文章平均质量分 70
优价实习
开发工程师,各种求职技巧分享与你!
展开
-
vite的底层原理一篇整的明明白白
工作原理:type="module"浏览器中ES Module原生native支持。 如果浏览器支持type="module",我i们可以使用es6模块化的方式编写。浏览器会把我们需要导入的文件再发一次http请求,再发到服务器上。 开发阶段不需要打包 第三方依赖预打包 启动一个开发服务器处理资源请求一图详解vite原理:浏览器做的什么事啊宿主文件index.html<script type="module" src="/src/main.js"></s...原创 2021-12-07 10:47:11 · 1238 阅读 · 0 评论 -
代码格式化工具:具体访问:
前端代码格式化实践 eslint + prettier:优加实习需求背景多人合作开发需要对代码格式进行规范,为了方便和统一我们可以借助前端代码格式化工具,可以借助eslint来规定代码规范,prettier进行代码格式化。实践(vue项目)vscode配置setting.json文件,写入下面规则,在保存代码时自动格式化代码 { "editor.formatOnSave": true } 复制代码安装相关依赖(具体用处之后补充)npm i eslint es原创 2021-09-15 14:21:59 · 329 阅读 · 0 评论 -
React&&Vue 怎么正确使用Key
在开发react程序时我们经常会遇到这样的警告,然后就会想到:哦!循环子组件忘记加key了~出于方便,有时候会不假思索的使用循环的索引作为key,但是这样真的好吗?什么样的值才是key的最佳选择?为了弄明白,本文将从三个方面来分析"key":1.为什么要使用key2.使用index做key存在的问题3.正确的选择key1.为什么要使用keyreact官方文档是这样描述key的:Keys可以在DOM中的某些元素被增加或删除的时候帮助React识别哪些元素发...原创 2021-09-15 10:56:32 · 216 阅读 · 0 评论 -
Vue组件开发三个步骤 1.创建2.注册 3.使用
组件化思想:一种抽象的,让我们可以开发的一个个独立的复用的小组件,任何应用都可以抽象成一个组件树。1.注册组件的基本步骤1.创建组件构造器,调用Vue.extend()创建组件构造器 const my2注册组件 调用Vue.component()方法,注册组件Vue.component(‘参数一’,参数二)3.使用组件,再Vue范围内使用<!DOCTYPE html><html lang="en"><head> <meta charset="U原创 2021-03-27 21:32:56 · 567 阅读 · 0 评论 -
Vue笔记 包含基础的指令 计算属性 指令 数据双向绑定原理
1.v-once:html不会再因为插值的改变改变,也就是之渲染一次,不会随着数据的改变而改变2. v-for='itme in Array'3.v-html="":如果插值中还有html标签,要用v-html指令来解析4.v-text="":数据显示在页面,接受string5.v-pre:把{{}}不做解析6.v-cloak:cloak斗篷,再view解析前,有,解析后没有,防止页面闪动7.v-bind:用于绑定一个或者多个属性值,像另外一个组件传递props值,还需要src、href动态绑.原创 2021-03-25 21:52:04 · 181 阅读 · 0 评论