logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue2 框架整理:子组件向父组件传递数据,$emit() 或 v-on

当子组件向父组件传递数据的时候,需要的是自定义事件: $on&$emit子组件用$emit()触发事件, 父组件用$on() 监听子组件的事件或者父组件也可以直接在子组件的自定义标签上使用v-on来监听子组件触发的自定义事件:$emit() 中第一个参数是方法的名称,后面都是根据需求设定要传递的数据比如:(下面所有 v-on简写为语法糖@)&lt...

Vue框架整理:五、表单控件:input输入,单选、多选设置

表单控件一般多用于页面交互或数据录入,可以说是很常用的东西了,Vue提供了v-model 指令,用于表单元素的双向绑定数据需要注意的是,使用v-model后,表单控件只会关注绑定的数据,对于input的value值 或 textarea 中间的值都不会再生效<body><div id="v1"&a

Vue框架整理:全局组件、局部组件、特殊组件创建方法

vue的组件也是需要注册后才可以使用的,注册有全局注册和局部注册两种;全局组件注册后,任何vue实例都可以用:<div id="v1"><first-component></first-compon

web前端框架与库的区别; vue等属于框架; jquery等属于库

前端发展速度已经远远超出了我们的预计范围,JS迅速的流行,前端基于JS的框架(frameworks)/库(librarys)更是层出不穷,且各自都有其自身的优势以及劣势,有些是向开发使用者提供整套的服务,比如MVC一整套,有些则是专注于某一个点,比如专注于dom操作或异步请求;最近被问到这个问题,其实到我被问到这问题之前,都没有认真的考虑过它们的区别,处于学习以及好奇心理,查阅了相关文档,其中包.

Vue框架整理:vue自带 v-model 修饰符

v-model 的修饰符,一般用于控制数据同步的时机1、.trim自动过滤输入内容最开始和 最后的 空格,中间的会保留一个空格,多的会被过滤掉<div id="v1"><input type="text" v-model.trim="val"><p> {{

Vue框架整理:computed计算属性设置与缓存

简单的一些小计算可以直接用模板内的表达式计算,比较复杂一点的就建议使用“计算属性来运算了”,也方便后期的维护;vue所有的计算属性都以函数的形式写在Vue实例内的computed里面,返回计算后的数据。计算属性可以同时按多个Vue实例来计算,只要其中任何一个数据发生变化,计算属性就会重新计算一遍,返回新的数据,相对的刷新视图中的数据比如:<div id="v1"&

Vue框架整理:表单控件:input 、select设置

表单控件一般多用于页面交互或数据录入,可以说是很常用的东西了,Vue提供了v-model 指令,用于表单元素的双向绑定数据需要注意的是,使用v-model后,表单控件只会关注绑定的数据,对于input的value值 或 textarea 中间的值都不会再生效<body><div id=

Vue框架整理:动态设置样式style、class

先来说一下::class是可以与 一般用class 并存的动态添加的类名是基于数据的,当对应的数据为 true 时会显示,否则没有对象语法:绑定单个class:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-

到底了