标签：vue

2021-09-25青梅博客阅读(263)评论(0)

全方位对比vite和webpack 一.  webpack原理 1.  webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖...

2021-08-18青梅博客阅读(379)评论(0)

v-model主要提供了两个功能： 1. view层输入值影响data的属性值， 2.data属性值发生改变会更新view层的数值变化。 以下以input控制绑定v-model举例说明。 <div id="app"> <p...

2021-08-18青梅博客阅读(210)评论(1)

路由守卫 路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route 提供的beforeRouteUpdate可以方便地实现导航守卫（navigation-guards）。官方定义：导航守卫（navigation-gu...

2021-08-17青梅博客阅读(225)评论(0)

前言 最近面试，问道js,css版本控制问题，一时间忘记，没答上来，下来查阅资料，整理一下。 问题 用户 首次 通过浏览器打开网页时都会对 JS、CSS 文件 进行缓存，以便在下次打开时可以直接从缓存中取出，而不用重复地向服务器 再次请求；...

2021-08-01青梅博客阅读(715)评论(0)

一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页...

2021-06-11青梅博客阅读(400)评论(0)

1. vue中如何使用事件 使用v-on绑定对应事件，并且调用对应methods的方法。例如： <div id="app"> {{count}} {{count>10?"大于10":"不大于10"}} <button...

2021-06-11青梅博客阅读(416)评论(0)

Vue — 使用v-bind与v-on实现v-model v-model其实是一个语法糖，他的背后本质包含两个操作： 1.v-bind绑定一个value属性 2.v-on指令给当前元素绑定input事件 实现步骤如下： ① 通过v-bind...

2021-06-11青梅博客阅读(384)评论(0)

v-bind指令用于设置HTML属性：v-bind:href 缩写为 :href <!-- 完整语法 --> <a v-bind:href="url">123</a> <!-- 缩写 --> ...

2021-06-10青梅博客阅读(1371)评论(0)

vue基本指令 本质就是自定义属性 Vue中指令都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 v-text v-text指令用于将数据填充到标签中，作用于插值表达式类似，但是没有闪动问题 如果数据中有HTML标签会将htm...

2021-06-10青梅博客阅读(349)评论(0)

插值表达式是什么？ 对比： jQuery中：text( )函数 原生Js中：innerHTML Vue中：{{ message }} <div id="app"> {{ message }} </div> 这段代码的...