脚本宝典收集整理的这篇文章主要介绍了vue基础(上篇),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
✨ 有 粉 丝 在 私 信 中 联 系 博 主 , 希 望 博 主 能 够 系 统 的 出 一 篇 关 于 v u e 的 基 础 篇 textcolor{blue}{ 有粉丝在私信中联系博主,希望博主能够系统的出一篇关于 vue的基础篇} 有粉丝在私信中联系博主,希望博主能够系统的出一篇关于vue的基础篇 ✨ 今天他来了,vue基础系列分为三篇 ✨ 本 篇 是 第 一 篇 : v u e 基 础 ( 上 篇 ) textcolor{pink}{本篇是第一篇:vue基础(上篇)} 本篇是第一篇:vue基础(上篇) ✨ 本 篇 文 章 涵 盖 对 V u e 的 介 绍 、 指 令 、 修 饰 符 textcolor{green}{本篇文章涵盖对Vue的介绍、指令、修饰符} 本篇文章涵盖对Vue的介绍、指令、修饰符
本质就是自定义属性,Vue中指令都是以 v- 开头
防止页面加载时出现闪烁问题
v-text指令用于将数据填充到标签中,作用于插值表达式类似,但是没有闪动问题 如果数据中有HTML标签会将html标签一并输出 注意:此处为单向绑定,数据对象上的值改变,插值会发生变化;但是当插值发生变化并不会影响数据对象的值
用法和v-text 相似 但是他可以将HTML片段填充到标签中 可能有安全问题, 一般只在可信任内容上使用 v-html
,永不用在用户提交的内容上 它与v-text区别在于v-text输出的是纯文本,浏览器不会对其再进行html解析,但v-html会将其当html标签解析后输出。
显示原始信息跳过编译过程 跳过这个元素和它的子元素的编译过程。 一些静态的内容不需要编译加这个指令可以加快渲染
执行一次性的插值【当数据改变时,插值处的内容不会继续更新】
v-model是一个指令,限制在 <input>、<select>、<textarea>、components
中使用
用来绑定事件的 形式如:v-on:click 缩写为 @click;
v-bind 指令被用来响应地更新 HTML 属性 v-bind:href 可以缩写为 :href;
<img v-bind:src="imageSrc">
可以缩写为下面
<img :src="imageSrc">
条件判断 使用场景:多个元素 通过条件判断展示或者隐藏某个元素。或者多个元素,进行两个视图之间的切换
v-show 和 v-if的区别:v-show本质就是标签display设置为none,控制隐藏, v-show只编译一次,后面其实就是控制css,而v-if不停的销毁和创建,故v-show性能更好一点。v-if是动态的向DOM树内添加或者删除DOM元素, v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件
循环结构 用于循环的数组里面的值可以是对象,也可以是普通元素
key 的作用 key来给每个节点做一个唯一标识,key的作用主要是为了高效的更新虚拟DOM
内置指令不能满足我们特殊的需求,Vue允许我们自定义指令
局部指令,需要定义在 directives 的选项 用法和全局用法一样 局部指令只能在当前组件里面使用 当全局指令和局部指令同名时以局部指令为准
在事件处理程序中调用 event.preventDefault()
或 event.stopPropagation()
是非常常见的需求。Vue 不推荐我们操作DOM 为了解决这个问题,Vue.js 为 v-on
提供了事件修饰符-修饰符是由点开头的指令后缀来表示的
在做项目中有时会用到键盘事件,在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为 v-on
在监听键盘事件时添加按键修饰符
在Vue中可以通过config.keyCodes
自定义按键修饰符别名
✨ 原 创 不 易 , 还 希 望 各 位 大 佬 支 持 一 下 textcolor{blue}{原创不易,还希望各位大佬支持一下} 原创不易,还希望各位大佬支持一下 👍 点 赞 , 你 的 认 可 是 我 创 作 的 动 力 ! textcolor{green}{点赞,你的认可是我创作的动力!} 点赞,你的认可是我创作的动力! ⭐️ 收 藏 , 你 的 青 睐 是 我 努 力 的 方 向 ! textcolor{green}{收藏,你的青睐是我努力的方向!} 收藏,你的青睐是我努力的方向! ✏️ 评 论 , 你 的 意 见 是 我 进 步 的 财 富 ! textcolor{green}{评论,你的意见是我进步的财富!} 评论,你的意见是我进步的财富!
以上是脚本宝典为你收集整理的vue基础(上篇)全部内容,希望文章能够帮你解决vue基础(上篇)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。