![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 79
~时倾
这个作者很懒,什么都没留下…
展开
-
element ui文件上传
elementUI 本身就提供了 文件上传的方法 <el-upload class="upload-demo" ref="upload" name="file" accept="" :action="myaction" :on-preview="handlePreview" :before-upload="updateFileName"原创 2020-12-05 09:46:41 · 3798 阅读 · 1 评论 -
Vue.js(九)——计算属性
计算属性computed在模板中可以直接通过插值语句显示一些data数据但是我们在某些情况下,我们可能需要对数据进行一些转化再进行显示,或者将多个数据结合起来进行显示比如我们有firstName 和 lastName 两个变量,我们需要显示完整的名称但是我们需要多个地方显示完整名称,我们就需要写多个{{firstName}} 和 {{lastName}}计算属性是写在实例的computed选项中计算属性本质就是属性==>后面是对象基本使用<div id="app">原创 2020-10-29 10:09:29 · 261 阅读 · 0 评论 -
Vue.js(八)——实例的生命周期
什么是生命周期:从Vue实例的创建、运行、到销毁的期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子: 就是生命周期事件的别名而已生命周期钩子 == 生命周期函数 == 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好data 和 methods属性created:实例已经在内存中创建OK,此时data和methods 已经创建OK ,此时还没有开始编译模板before..原创 2020-10-29 09:36:06 · 155 阅读 · 0 评论 -
Vue.js(七)——钩子函数
1、钩子函数钩子函数是Windows消息处理机制的一部分,通过设置“钩子”,应用程序可以在系统级对所有消息、事件进行过滤,访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序,通过系统调用,把它挂入系统。钩子函数: 1、是个函数,在系统消息触发时被系统调用 2、不是用户自己触发的一个指令定义对象可以提供如下几个钩子函数 (均为可选):bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入(加载)父节点时调用 (仅原创 2020-10-29 08:49:19 · 936 阅读 · 0 评论 -
Vue.js(六)——自定义指令
1、自定义全局指令注意:在Vue.js中所有的指令,在调用的时候,都以v-开头除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。定义//自定义全局指令 ==> 获取全局焦点//Vue.directive() 自定义全局指令//参数一:指令名称。注意:定义的时候 指令的名称前面不需要加v-前缀,原创 2020-10-28 09:50:27 · 283 阅读 · 0 评论 -
Vue.js(五)——自定义按键修饰符
自定义按键修饰符按键修饰符在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:<!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --><input v-on:keyup.enter="submit">你可以直接将 KeyboardEvent.key 暴露的任意有效按键名转换为 kebab-case 来作为修饰符。<input v-on:keyup.page-down="onPa原创 2020-10-28 09:19:39 · 308 阅读 · 0 评论 -
Vue.js(四)——过滤器
1、过滤器概念:Vue.js允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由管道符指示全局过滤器所有的VM实例都可以使用的过滤器 //定义语法 //过滤器中的function,第一个参数data是规定死了,永远是管道符前面传递过来的data数据 //可以有多个参数 Vue.filter('过滤器的名称',function(data){原创 2020-10-28 09:13:35 · 92 阅读 · 0 评论 -
Vue.js(三)——样式的使用
1、在vue中使用class样式1.1、数组 <style> .red{ color: #FF0000; } .thin{ font-weight: 200; } .italic{ font-style: italic; } .active{ letter-spacing: 0.5em; } </style><h1 :class="['red','thin']">这是一个h1</h1>1.2、原创 2020-10-28 08:27:54 · 571 阅读 · 0 评论 -
Vue.js(二)——指令
基本指令1、v-cloak使用v-cloak能够解决插值表达式闪烁问题。 <style> [v-cloak]{ display: none; } </style> <body> <div id="app"> <!-- 使用v-cloak能够解决插值表达式闪烁问题 --> <p v-cloak>++++++{{ msg }}---------</p> </div> &原创 2020-10-26 17:06:32 · 195 阅读 · 0 评论 -
Vue.js(一)——发展背景与简介
这一章节主要介绍Vue前的网站开发现状以及Vue的介绍1、网站交互和开发方式1.1、网站交互方式的发展经典的多页面==> 交互方式前后端融合在一起,开发和维护效率方式差用户体验一般,点击刷新跳转,等待时间长每个页面都需要重新加载有利于SEO搜索引擎搜索,蜘蛛会爬连接现代式的单页面==> 所有的交互都是在一个页面,不存在刷新开发方式好,采用前后端分离的开发模式服务端不关心界面,只关心数据客户端不关心数据库和数据操作,只关心通过接口拿到的数.原创 2020-10-26 15:17:18 · 3747 阅读 · 0 评论 -
Vue生命周期解析图
原创 2020-06-04 23:55:46 · 169 阅读 · 0 评论