v text 类型: string用法: 更新元素的 textContent。如果要更新部分的 textContent ,需要使用 {{ Mustache }} 插值。 v html 类型: string用法: 更新元素的 innerHTML。 注意:内容按普通 HTML 插入 不会作为 Vue
转载 2018-11-14 16:37:00
88阅读
7点赞
2评论
vue2.0 之前,是有内置过滤器的,在2.0中已经没有内置的过滤器了,但我们可以自定义过滤器。关于 vue 过滤器,在官方文档中是这样说明的:Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的
1、v-if v-else-if v-else 一次处理多个元素,使用template + v-if 2、v-show v-show控制的是display,同时不能在template上使用。 v-if与v-show的使用建议: v-if适合条件不经常改变的场景,因为它的切换开销大。 v-show适用
转载 2017-12-15 16:01:00
76阅读
2评论
v-text向其所在的节点中渲染文本内容。 (纯文本渲染)与插值语法的区别:v-text会替换掉节点中的内容,{{xx}}则不会。<div id="root"> {{ name }} <div v-text="name"></div> <div v-text="str"></div> </div> &l
原创 2024-05-14 14:52:55
35阅读
一、v-text指令 1、作用:渲染所在节点的文本内容 2、区别:与插值语法的区别,v-text会替换掉节点的内容,{{xx}}不会 <!DOCTYPE html
原创 8月前
26阅读
作用:向其所在的节点中渲染文本内容。与插值语法的常危险的,容易导致XSS攻击。(2).一定要在可信的内容上使
原创 2022-08-05 21:29:16
72阅读
Vue 内置指令梳理
原创 2022-06-06 14:19:43
159阅读
Vue内置指令1、v-show2、v-if3、v-else-if/v-else4、v-for4.1 v-for遍历数据4.2 v-for遍历对象5、 v-bind6、v-model7、v-on8、v-text9、v-html10、v-once11、v-pre12、v-cloak13 v-slot1、v-show  v-show指令根据表达式的真假,显示或隐藏HTML元素。 
原创 精选 2023-02-13 15:55:33
310阅读
客户端的路由实际上就是dom的隐藏与展示,当展示一个页面中的内容时,其它页面的内容隐藏。实现方式有hash和history api 两种。一、组成vue-router 由route、routes、router组成。1、route,它是一条路由,由这个英文单词也可以看出来,它是单数, Home按钮 => home内容, 这是一条route, about按钮 => about 内容, 这是
指令是Vue模板中最常用的一项功能,它带有前缀v-,主要职责是当其表达式的值改变时,相应的将某些行为应用在 DOM 上。这篇文章主要介绍了vue内置指令详解,需要的朋友可以参考下指令 (Directives) 是带有 v- 前缀的特殊属性, 职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。内置指令1、v-bind:响应并更新DOM特性;例如:v-bind:href...
原创 2022-03-29 10:26:32
243阅读
component是vue的一
原创 2019-08-11 09:41:12
302阅读
# Vue 与 iOS 内置地图的集成 随着移动互联网的迅速发展,地图应用已经成为现代应用的重要组成部分,尤其是对于行程规划、位置共享等功能的需求。本文将探讨如何在 Vue.js 中集成 iOS 内置地图(即 Apple Maps),并通过具体的代码示例帮助开发者快速上手。 ## 1. 背景介绍 Apple Maps 是苹果公司提供的地图服务,它可用于显示地图、进行路线规划和地理编码等功能。
原创 8月前
54阅读
VueJs中的过滤器基础过滤器是一个通过输入数据,能够及时对数据进行处理并返回一个数据结果的简单函数。Vue有很多很便利的过滤器,可以参考官方文档,过滤器通常会使用管道标志 “ | ”链式过滤VueJs允许你链式调用过滤器,简单的来说,就是一个过滤器的输出成为下一个过滤器的输入,然后再次过滤。<ul> <li v-for="product in products
转载 2024-05-18 11:14:06
36阅读
本文介绍如何获取Vue的一些内置属性。
Vue
原创 2022-09-10 01:27:26
574阅读
本篇文章是细谈 vue 系列的第三篇,这篇文章主要会介绍一下 vue内置组件 transition 。前几篇链接如下《细谈 vue 核心- vdom 篇》《细谈 vue - slot 篇》开始之前,我们先看下官方对 transition 的定义自动嗅探目标元素是否使用了 CSS 过渡或动画,如果使用,会在合适的时机添加/移除 CSS 过渡 class。如果过渡组件设置了 JavaScript
转载 2024-06-17 21:02:45
968阅读
vue 中有一个transition 系统组件可以实现动画,也可以实现页面间的切换。<transition>内容的改变(样式改变,显示,移除)会以动画的形式展现</transition>  如果transition内是 router-view 则可以实现页面切换动画。transition 动画的实现原理是 在不同的阶段为 transition内的元素添加不同的类,
转载 2023-10-10 09:19:16
238阅读
```html Document One Two ```
转载 2020-04-13 18:08:00
144阅读
2评论
Vue.js 中,is、key 和 ref 是三个常用的内置属性,用法如下。is 属性在 Vue.js 中,is 属性通常用于动态组件的实现,特别是当你希望在运行时动态地切换不同的组件时非常有用。is。
原创 2024-10-14 09:49:19
29阅读
##v-text 作用:向其所在的节点中渲染文本内容。 与插值语法的区别:v-text会替换掉节点中的内容,{{}}则不会。 ##v-html 作用:向指定节点中渲染包含html结构的内容。 与插值语法的区别: (1) v-html会替换掉节点中所有的内容,{{}}则不会。 (2) v-html可以 ...
转载 2021-10-06 10:48:00
67阅读
12点赞
3评论
Vue.js 内置了多个指令(Directives),用于在模板中添加特定的响应式行为或操作 DOM。
原创 2024-10-14 09:49:37
0阅读
  • 1
  • 2
  • 3
  • 4
  • 5