vue
文章平均质量分 57
stay_少年与梦
这个作者很懒,什么都没留下…
展开
-
了解事件总线
什么是公交事件总线(bus)一个空的Vue实例,var bus=new Vue({}),作用用于组件之间的 简单通信.步骤1.创建事件总线,就是实例化一个空Vue对象赋值给一个变量2.通过这个对象调用.$emit('消息名','值')发布消息3.使用.$on('消息名',处理函数) 用来监听.$off('消息名') 销毁代码如下var bus = new Vue() Vue.component('wxauthor',{ templat原创 2021-06-05 17:28:49 · 114 阅读 · 0 评论 -
vue生命周期
vue的生命周期是什么vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。在组件中具体的方法有:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed图示beforeCreate( 创建前 )在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对象还未创建,el 和 data 并未初始化,原创 2021-06-05 16:56:45 · 88 阅读 · 0 评论 -
vue中插槽
什么是插槽在构建页面过程中一般会把用的比较多的公共的部分抽取出来作为一个单独的组件,但是在实际使用这个组件的时候却又不能完全的满足需求,在这个组件中添加一点东西,这时候就需要用到插槽来分发内容。示例下面看一个例子 写一个父组件: test.vue<template> <div> <div>大家好我是父组件</div> <myslot> <p>测试一下吧内容写在这里了能否显示<原创 2021-06-05 16:36:52 · 73 阅读 · 0 评论 -
vue中表单输入和表单修饰符
vue中的表单输入及表单修饰符基础用法用 v-model 指令在表单 <input>、<textarea> 及 <select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。但 v-model本质上不过是语法糖。数据的双向绑定可以理解为:数据的单向绑定+UI事件监听,单向绑定是将model绑定到view,当model更新时,view也会更新;双向绑定就是model和view互相驱动。示例<div id="app">原创 2021-06-05 16:11:59 · 177 阅读 · 0 评论 -
vue组件
vue组件一.组件分类组件分为全局组件和局部组件两种全局组件 component局部组件 components1.全局组件方法1使用 Vue.component('组件名',{ template:`<div>模板</div>`, data(){ return:{ name:"张三' } },})方法2模板可以使用<template id='xx'></template>使用Vue.component('原创 2021-05-28 14:53:43 · 111 阅读 · 0 评论 -
vue过渡详解
vue 过渡transition1.过渡分类单行过渡多行过渡2.属性name代表指定动画的名称keykey是唯一的key作用:比如多行过渡,两个标签相同只是内容不同,由于vue有diff算法会导致之后替换内容不会替换dom节点,就不能触发过渡效果,可以通过添加key这个属性指定不同的值来实现让他删dom节点3.列表过渡transition-grouptag 属性默认使用span包裹里面的内容可以同时使用tag属性来指定用哪个标签包裹到列表数据name动画名原创 2021-05-28 10:34:14 · 625 阅读 · 0 评论 -
vue中的watch方法
vue中的监听方法watch注意名字 你想监听哪个属性,就要和他起一样的名字1.作用用来监听vue实例中的数据变化可以随时修改状态的变化2.触发条件当你监听的属性发生变化时,会自动调用对应的监听方法3.使用场景用于异步处理,开销比较大的运算4.示例 watch:{ name(newvalue,oldvalue){ //计算属性可以接受两个参数,第一个参数是新的属性值,第二参数是老的属性值原创 2021-05-27 20:08:11 · 929 阅读 · 0 评论 -
vue中的计算属性
vue的方法和属性1.方法 methods用法1methods:{方法名:function(){},}用法2methods:{方法名(){}}注意{{}}调用要写()示例{{aa()}}事件触发@click=aa"可以有()也可以没有如果需要传参,加上()把$event这个特殊参数传进去可以获取事件对象2.计算属性计算属性是什么computed计算属性的特点计算属性有缓存计算属性是基于他们的依赖进行缓存的计算属性只有在他的相关依赖发生改变时才会原创 2021-05-27 19:23:55 · 225 阅读 · 0 评论 -
vue Cli(脚手架)安装
vue脚手架安装全过程vue cli (也可以说是脚手架) 是一个基于vue.js进行快速开发的完整系统。通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。一个运行时依赖 (@vue/cli-service),该依赖:可升级;基于 webpack 构建,并带有合理的默认配置;可以通过项目内的配置文件进行配置;可以通过插件进行扩展。一个丰富的官方插件集合,集成了前端生态中最好原创 2021-05-22 17:39:05 · 17250 阅读 · 4 评论 -
vue基础
vue什提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录vue什前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步原创 2021-05-20 12:54:46 · 189 阅读 · 3 评论