VUE

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2021-06-10青梅博客阅读(493)评论(1)

vue官方API文档 对el描述：https://cn.vuejs.org/v2/api/#el el 的作用大家都知道，用于指明 Vue 实例的挂载目标。我们重点关注上面两个红色叹号部分，总结一下就是：如果存在 render 函数或 te...

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

1. MVC MVC 是 Model View Controller 的缩写 Model：模型层，是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。 View：视图层，用户界面渲染逻辑，通常视图是依据模型数据创...