摘要：
v-on的作用是给元素添加事件监听，可以简写为@ JavaScript的元素的事件监听都可以再vue中使用 原生的JavaScript的事件监听: 事件名称 方法 点击 onclick 双击 ondblclick 鼠标移上 onmouseenter 鼠标离开 onmouseleave 鼠标滑过 on 阅读全文
posted @ 2021-09-13 00:00
keyeking
阅读(377)
评论(0)
推荐(0)
摘要：
v-pre属性的作用是跳过该元素编译过程，直接显示元素内部的文本，特点就是跳过大量的没有指令的节点。 1 <div id="app" > 2 <h2 v-pre>{{a}}</h2> 3 </div> 4 <script src = "js/vue.js"></script> 5 <script> 阅读全文
posted @ 2021-09-12 23:39
keyeking
阅读(896)
评论(0)
推荐(0)
摘要：
v-once的作用是只会渲染对应元素一次，数据更新不会引起视图的更新，目的是为了优化页面的性能。 1 <div id="app" v-clock> 2 <h2 v-once>{{a}}</h2> 3 <button @click="add">按我加1</button> 4 <button @clic 阅读全文
posted @ 2021-09-12 23:36
keyeking
阅读(956)
评论(0)
推荐(0)
摘要：
v-cloak指令的作用是vue实例渲染后关联结束； 双大括号插值语法在遇到网络延迟的时候会显示编译之前的文本。 1 <div id="app"> 2 {{a}} 3 </div> 4 <script src="./js/vue.js"></script> 5 <script> 6 var vue 阅读全文
posted @ 2021-09-12 23:32
keyeking
阅读(570)
评论(0)
推荐(0)
摘要：
v-html和v-text都是渲染文本的指令，使用场景有不同 现在接触了三种渲染方法 双大括号插值：{{}} v-text v-html 1 <div id="app"> 2 <p> {{a}} </p> 3 <p v-text="a"> </p> 4 <p v-text="a"></p> 5 <p 阅读全文
posted @ 2021-09-12 23:25
keyeking
阅读(499)
评论(0)
推荐(0)
摘要：
v-for是vue 的循环指令，作用是遍历数组（对象）的每一个值。 基本使用： 1 <div id="app"> 2 <ul> 3 <li v-for="item in arr"> 4 {{item}} 5 </li> 6 </ul> 7 </div> 8 <script src = "js/vue 阅读全文
posted @ 2021-09-12 23:18
keyeking
阅读(7192)
评论(0)
推荐(0)
摘要：
vue指令的作用是通过带有v-的特殊属性，实现对dom的响应式加载。 v-if v-if的作用是通过一个布尔表达式进行对dom的上树和下树的渲染。 1 <div id="app"> 2 <p v-if="true">我是第一行dom元素</p> 3 <p v-if="false">我是第二行dom元 阅读全文
posted @ 2021-09-12 15:19
keyeking
阅读(462)
评论(0)
推荐(0)
摘要：
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为 阅读全文
posted @ 2021-09-12 10:56
keyeking
阅读(208)
评论(0)
推荐(0)
浙公网安备 33010602011771号