Vue插槽，组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力；在Vue中插槽是很重要的存在，通过插槽，我们可以把 **父组件中指定的DOM** 作用到 **子组件的任意位置**，后面我们做项目用到的组件库比如element-ui,vant-ui都频繁用到的插槽，Vue的插槽主要有匿名插槽，具名插槽，作用域插槽三种，下面我们分别来认识一下他们。 1.1 匿名插槽故名思义就是没有名字的插槽，只需要在子组件中使用<slot></slot>引入即可我们来看一下案例,如何引
Vue父组件向子组件传值父组件向子组件传值，有两种 传值方式，分别是 静态传值 和 动态传值。静态传值 ：就是你在父组件的 视图层 直接 写一个 字符串。动态传值：值来自于 父组件的 数据中心。值在父组件的视图层中去使用 要 使用v-bind:属性='值'父组件发送的形式 是以属性的形式 绑定值 到子组件身上。然后子组件用属性props接收在props中使用驼峰形式，模板中需要使用短横线的形式 。字符串形式的模板中 没有这个限制。<div&
Vue什么是组件组件 (Component) 是 Vue.js 最强大的功能之一,vue核心中的核心！组件可以扩展 HTML 元素，封装可重用的代码 全局组件 （申明-使用） 局部组件 （申明-注册-使用）全局组件注册 Vue.component('组件名称', { }) 第1个参数是标签名称，第2个参数是一个
Vue1. 数组的非变异方法在vue中的应用不会改变原始数组，但总是返回一个新数组。 Filterfilter() 方法创建一个新的数组，新数组中的元素是 通过检查指定数组中符合条件的 所有元素。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Docum
Vue1. 数组的变异方法在vue中的应用 1、变异方法：会影响数组的原始数据的变化。 2、非变异方法：不会影响原始的数组数据，而是形成一个新的数组。 push：往数组最后面添加一个元素，成功返回当前数组的长度<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title&g
Vue1. 创建期间的钩子函数（4个） beforeCreate --- vue 实例"创建前"/组件创建前 ，特点：数据没有初始化created -- vue实例创建后/组件创建后，特点：可以操作数据,可以访问方法beforeCreate 和 created A 数据没有初始化 B 可以操作数据 <div id="app">  
Vue1. 什么是过渡动画 当一个元素被transition包裹之后，vue会自动的分析元素的css样式，然后构建一个动画的流程。流程分2块，一块是元素显示的流程，一块是元素隐藏的流程。 vue在插入,更新或者移出DOM时, 提供多种不同方式的应用过渡效果。本质上是使用CSS3动画：transition，animation 去实现的过渡动画效果。vue为我们 提供了 6个类，我们可以在 这 6个类中，去 自定义我们的 css3效果 进入时 class 的类型分为以下几种 &n
Vue1. 过滤器过滤器是对数据进行处理。过滤器分两部分，一部分是 过滤器名称，一部分是 过滤器处理函数。过滤器函数的特点： 是一个 只 接收单个参数 的 过滤器函数！！过滤器是修饰数据的（主要修饰文本信息的）。 自定义指令是修饰DOM节点（元素）。 <div id="app"> <h1 v-
Vue1. 基本用法使用watch来响应数据的变化一般用于异步或者开销较大的操作watch 中的属性 一定是data 中 已经存在的数据当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听2. 案例讲解-验证用户名<!DOCTYPE html> <html> <head> <meta cha
Vue1. 计算属性作用计算属性是基于它们的响应式依赖进行缓存的computed 比较适合对多个变量或者对象进行处理后返回一个结果值，也就是说 多个变量中的某一个值 发生了变化 则 我们监控的这个值也就会发生变化。vue中computed的作用：从"已经有的数据"计算 出新的数据 (渲染到 视图层去使用！)。 计算属性在conputed中进行书写 computed:{  
Jquery 2022-12-02
Jquery 2022-12-02
Vue 2023-06-02
Jquery 2022-12-02
Vue 2023-07-14
Vue 2023-06-02
Vue 2023-07-07
Vue 2023-07-19
Vue 2023-07-03
Vue 2023-07-26
扫码二维码
获取最新动态
