一. 过滤器 过滤器,就是vue允许开发者自定义的文本格式化函数,可以使用在两个地方:输出内容和操作数据中。 定义过滤器的方式有两种: 1. 使用Vue.filter()进行全局定义 示例: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<
转载
2024-07-26 13:34:44
63阅读
一、vue实例属性 vue实例的属性整理如下: 序号 vue实例名称 类型 详细 是否只读 备注 1 vm.$data Object Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象 property 的访问。 2 vm.$props Object 当前组件接收到的 props 对 ...
转载
2021-08-26 17:04:00
740阅读
点赞
3评论
Vue ref属性、props属性、mixin属性
原创
2022-06-06 12:47:12
301阅读
计算属性 在模板中表达式非常便利,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。 基础例子 这里我们声明了一个计算属性 b。我们提供的函
转载
2016-04-23 16:17:00
153阅读
2评论
(目录) 前言 props用于接收来自父组件的数据 具体应用 基本使用 App.vue <template> <Test :url="url"/> </template> <script> import Test from './components/test.vue' export default
原创
2021-09-17 10:59:57
419阅读
【Vue】—props属性<template> <div> <h2>Parent</h2> <!-- 父子传递数据 --> <
原创
2022-07-01 12:24:31
165阅读
计算属性一般就是用来通过其他的数据算出一个新数据,而且它有一个好处就是, 它把新
原创
2023-06-24 09:12:19
159阅读
1、示例代码<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>vue示例</title> </head> <body> <div id="app"
转载
2017-12-15 11:29:00
116阅读
2评论
定义:Vue通过操作vm已有属性值,将计算得到的结果赋值给一个全新属性,这个属性就称为计算属性。 原理:底层借助Object.defineProperty()提供的getter和setter来实现。 方式:通过vm的computed属性进行定义。 优势:与methods方式相比,内部有缓存机制,效率 ...
转载
2021-08-15 21:07:00
216阅读
2评论
计算属性 说明 methods:定义方法,调用方法使用 currentTime1() 需要带括号 computed:定义计算属性,调
原创
2022-06-28 13:47:47
101阅读
1、定义:要用的属性不存在,要通过已有的属性计算 2、get函数 初次读取,执行一次,有缓存,当计算属性所依赖的属性发生变化
class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。<!DOCTYPE html><html> <head> <meta charset="...
原创
2022-03-09 10:45:48
226阅读
html><html> <head> <meta charset="...
原创
2021-07-26 14:01:30
268阅读
vue路由对象($route)在使用了 vue-router 的应用中,路由对象会被注入每个组件中,赋值为 this.$route ,并且当路由切换时,路由对象会被更新。
so , 路由对象暴露了以下属性:
1.$route.path
字符串,等于当前路由对象的路径,会被解析为绝对路径,如 "/home/news" 。
2.$route.params
对象,包含路由中的动态片段和全匹配
转载
2024-10-23 15:06:58
61阅读
计算属性 1、内部有set,get方法,默认直接是get方法; 1、其所依赖的变量指不变,无论调用多少次,计算属性也只执行一次(会缓存);而method调用多少次执行多少次 ...
转载
2021-11-02 21:14:00
378阅读
2评论
1.vue中computed属性 类似methods但是有区别: methods中定义函数为方法,数据每次加载时都是重新载入 而computed为属性,数据加载时类似缓存只有更新时数据才改变(虚拟dom) 2.示例: currentTime1为methods每次都会改变 curretTime2则不会 ...
转载
2021-07-23 19:10:00
274阅读
2评论
1、https://cn.vuejs.org/v2/api/#model 允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下,一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event,但是一些输入类型比如单选框和复选框按钮
转载
2020-05-11 18:27:00
104阅读
2评论
<!DOCTYPE html> <html> <head> <title>Dynamic Components Example</title> <script src="https://unpkg.com/vue"></script> <style> .tab-button { padding: 6 ...
转载
2021-08-19 16:42:00
122阅读
2评论