Vue学习笔记
望月寄明
学习是件快乐的事情
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue $once 函数
Vue $once 函数1、作用$once 是一个函数,可以为 vue 实例绑定一个自定义事件,但是这个事件只会被触发一次,触发之后就会被移除。 类似的监听函数有: $on.2、使用与 $on(1) $once('xxxx', ()=>{...}) 与 $on('xxx', ()=>{...}) 的用法类似。(2) $once 只监听一次; $on 一直监听。3、使用 $once 清除定时器mounted(){ let count = 1; let timer = se原创 2022-03-25 16:38:57 · 2966 阅读 · 0 评论 -
vue 关闭 eslint
在vue.config.js文件中增加 lintOnSave:fase 语句即可。module.exports = {lintOnSave: false,}原创 2021-05-24 17:24:46 · 251 阅读 · 0 评论 -
Vue教程 vue常用指令 与 自定义指令
vue常用指令 与 自定义指令常用指令自定义指令常用指令v-text : 更新元素的textContent. 可以用{{ }}代替。<p v-text="msg"></p><p>{{ msg }}</p>data: { msg : 'Hello World!'}v-html : 更新元素的innerHTML。<div ...原创 2020-02-24 00:51:31 · 164 阅读 · 0 评论 -
vue教程 filter过滤器
filter过滤器一、过滤器概念二、自定义过滤器三、使用过滤器四、filter自定义并使用vue2.0以后,系统定义的filter全部移除,但是还允许自定义filter过滤器。一、过滤器概念在html模板中,对要显示的数据进行过滤和格式化。二、自定义过滤器filter过滤器,需要全局性定义。即添加到Vue函数对象上。Vue.filter( filterName, function( ...原创 2020-02-23 18:25:08 · 658 阅读 · 0 评论 -
vue教程 html表单美化 与 vue表单数据的自动搜集
html表单美化 与 vue表单数据的自动搜集html表单html表单美化html表单数据提交vue表单数据自动搜集html表单input 文本框<input type="text" placeholder="请输入姓名" value="内容"/>密码框<input type="password" placeholder="请输入密码" value="密码"...原创 2020-02-23 17:30:58 · 1104 阅读 · 0 评论 -
vue教程 常见事件 与 vue事件处理
事件处理 与 表单输入绑定事件处理常见js事件绑定监听事件修饰符按键修饰符表单输入绑定事件处理常见js事件1、窗口事件onload, html文档加载完成时触发。#onload html文档加载完成时触发。window.onload = function(){ //当html文档加载完成之后,执行该回调事件。}onunload,html页面离开时触发。#onunload ht...原创 2020-02-23 03:07:00 · 1450 阅读 · 0 评论 -
vue教程 条件渲染,列表渲染
条件渲染,列表渲染一、条件渲染1、v-if,v-else,v-show,v-esle-if(2.1.0后新增)的使用2、v-if与v-show的区别3、 < template >元素上使用v-if条件渲染分组4、条件渲染的重用问题(表单元素)二、列表渲染一、条件渲染1、v-if,v-else,v-show,v-esle-if(2.1.0后新增)的使用v-if的使用<div...原创 2020-02-22 12:55:16 · 293 阅读 · 0 评论 -
vue教程 class,style的绑定
class,style的绑定一、css绑定css绑定的基本使用组件标签上的class绑定二、style绑定style绑定的基本使用元素标签中class,style属性的绑定与普通的属性绑定一样,都是使用v-bind指令(简写成 ‘:’)。但是vue对class,style属性,做了增强处理。一、css绑定可以接受字符串, 属性, 计算属性, 对象,数组。无论动态绑定的是何种类型的数据,最终...原创 2020-02-21 20:23:55 · 386 阅读 · 0 评论 -
vue教程 vue生命周期与双向绑定过程的关系
//传进来的data,会赋值给vm.data.var vm = new Vue({ el : '#app', data: { message: 'hello vue' }, //刚创建完vue实例,开始调用初始化方法之后. //且在数据代理和劫持之前,触发钩子函数beforeCreate beforeCreate(...原创 2020-02-20 17:44:27 · 629 阅读 · 0 评论
分享