vue.js
文章平均质量分 92
vue
玖商
这个作者很懒,什么都没留下…
展开
-
vue的组件通信和插槽
目录组件通信父组件向子组件传递数据props子组件向父组件传递数据多个参数非父子组件之间通信Vue 组件间通信有哪几种方式?插槽匿名插槽具名插槽插槽作用域组件通信父组件向子组件传递数据1.父传子: 父变,子变,子变,父不变,并且报错.2.父传子:父变,子变,子变,父变,需要传递一个对象3.父传子: 父变,子不变,子变, 父不变, 需要在子组件中将数据传递新的data属性父级Parent.vue<template>...原创 2021-12-26 20:44:55 · 573 阅读 · 0 评论 -
vue的组件components基础和安装vue脚手架
组件组件在vue是一个很强大的功能,可以对HTML进行扩展,在大型应用中,可以对一些抽象的功能进行封装作用:可复用的vue实例组件注册 局部注册组件 new Vue({ el: components:{ 自定义组件名称:{ template:'模板内容' } }}) <!-- 1.引入vue --> <script src="./vue.js"&...原创 2021-12-26 20:28:19 · 1842 阅读 · 0 评论 -
vue的侦听器,过滤器和过度动画的了解
目录侦听器普通监听深度监听百度搜索案例过滤器局部过滤器全局过滤器全局过滤器和局部过滤器的区别封装时间过滤器总结计算属性和 watch 的区别vue过渡动画transition组件内置的过渡类名内置类名实现动画配置animate.css实现过渡动画侦听器侦听器又名监听器监听器在vue中属于一个特殊的方法,用来监听data数据的改变,从而做出及时的响应普通监听* 1.监听器的方法名为data中的属性名* 2.系统...原创 2021-12-26 20:10:49 · 914 阅读 · 0 评论 -
vue的生命周期和计算属性
目录生命周期钩子函数Vue中render函数和template的区别vue的计算属性计算属性和methods的区别计算属性的get和set方法购物车案例生命周期生命周期:对象从创建到销毁的过程钩子函数:在某一特定的时刻,自动被触发的函数被钩子函数钩子函数new Vue({ el: template: render(){} data: methods: beforeCreate(){}created(){}beforeMou...原创 2021-12-26 19:50:08 · 743 阅读 · 0 评论 -
vue的事件处理,$set的用法和表单元素处理修饰符
目录事件处理事件注册事件传参event阻止事件冒泡阻止默认事件捕获事件.capture事件修饰符按键修饰符$set用法set操作数组$set操作对象$set操作数组对象表单元素处理表单修饰符事件处理事件注册事件注册: 语法: v-on:事件名称 = "事件函数/表达式" 简写 @事件名称 = ...原创 2021-12-22 22:31:13 · 1540 阅读 · 0 评论 -
Vue的系统指令
目录v-textv-html{{}},v-text,v-html的优缺点v-on事件绑定v-oncev-if条件渲染v-show(条件展示)v-if和v-show区别:v-modelv-bind动态类名class动态样式stylev-forv-for遍历时key的作用指令:采用v- 开始的,一般称之为指令.指令通常在属性中-v-text <script src="./vue.js"></script>&...原创 2021-12-20 22:17:07 · 916 阅读 · 2 评论 -
初识vue的使用和设计模式
目录vue的基本介绍什么是vue?为什么使用vue?vue优点缺点对于Vue是一套渐进式框架的理解(面试题)?SPA(单页面应用)相对复杂说说你对 SPA 单页面的理解,它的优缺点分别是什么?vue的下载及引入练习vue的使用实例化vue定义数据和方法设计模式mvc设计模式MVVM设计模式vue的基本介绍什么是vue?1.渐进式javascript框架2.作者:尤雨溪 个人开发3.Vue (读音 /vjuː/,类似于 ..原创 2021-12-20 22:02:53 · 1255 阅读 · 0 评论