![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 61
前端相关东西
东海029
这个作者很懒,什么都没留下…
展开
-
css 中content内容特殊形状(Unicode规定 E000-F8FF 区间为Private Use Area(用户专用区))
在中,经常会用到自定义li前面的小图标,这是可以用如下字符表示。用法如下:显示为桃心:.ul-li li:before{content: “\2764”;color: #148AE0;font-size: 20px;}显示为小圆点:.ul-li li:before{content: “\2022”;color: #148AE0;font-size: 20px;}基本形状▲ 9650 25B2 ► 9658 25BA ► 9658 25BA ▼ 9660 25BC原创 2021-11-10 21:01:48 · 1686 阅读 · 0 评论 -
计算属性与方法的区别
计算属性与方法的区别:1、方法调用的时候需要加括号,计算属性调用时不需要;2、方法的结果无缓存,计算属性结果有缓存,只有当数据有变化时才会被调用<html> <head> <script src='vue.js'></script> </head> <body> <div id = 'app'> <span>原始值:{{mess原创 2021-09-14 08:22:13 · 795 阅读 · 0 评论 -
component事件监听案例
在我们开发 组件时,它的一些功能可能要求我们和父级组件进行沟通。例如我们可能会引入一个辅助功能来放大博文的字号,同时让页面的其它部分保持默认的字号<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>component事件监听</title> <script src="vue.js"></script> </head>原创 2021-08-14 22:13:01 · 532 阅读 · 0 评论 -
vue中的prop应用
Prop 是你可以在组件上注册的一些自定义 attribute。当一个值传递给一个 prop attribute 的时候,它就变成了那个组件实例的一个 property。为了给博文组件传递一个标题,我们可以用一个 props 选项将其包含在该组件可接受的 prop 列表中。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue中组件的prop</title&g原创 2021-08-11 08:32:27 · 236 阅读 · 0 评论 -
表单输入绑定
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单输入绑定</title> <script src="vue.js"></script> </head> <body> <div id = 'example-input'> <p>文本:{{input_text}}&l原创 2021-08-10 08:16:47 · 68 阅读 · 0 评论 -
vue中的动态参数与计算属性
从 2.6.0 开始,可以用方括号括起来的 JavaScript 表达式作为一个指令的参数:<a v-bind:[attributeName]=“url”> … 这里的 attributeName 会被作为一个 JavaScript 表达式进行动态求值,求得的值将会作为最终的参数来使用。例如,如果你的 Vue 实例有一个 data property attributeName,其值为 “href”,那么这个绑定将等价于 v-bind:href。同样地,你可以使用动态参数为一个动态的事件名原创 2021-08-06 22:58:38 · 1067 阅读 · 1 评论 -
vue基础指令
一、v-bind常用于绑定“title”标签,示例如下:<div id = 'app2'> <span v-bind:title="msg">{{message}}</span> </div>``````javascriptvar vm2 = new Vue({ el:'#app2', data:{ message:"页面加载于" + new Date().toLocaleString() } })二、v-i原创 2021-08-06 00:38:36 · 61 阅读 · 0 评论