![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
初级vue
文章平均质量分 55
绪风人
这个作者很懒,什么都没留下…
展开
-
vue3组件通信的方式 父传子 props 和子传父 $emit 非父子组件的通信Provide和Inject 全局事件总线mitt库
组件监听的方法上面总共演示了三类。开发中还有一些vuex,localStorage、sessionStorage都是可以进行任意组件的通信。现在就先写到着,后续还会进行补充!!原创 2022-11-17 11:00:46 · 3799 阅读 · 1 评论 -
vue前端配置代理解决跨域
代码】vue前端配置代理解决跨域。原创 2022-08-02 08:59:26 · 452 阅读 · 0 评论 -
扩展运算符的基本使用 结合vuex使用扩展运算符
复制数组 const arr = new Array(1,2,3,4,5,6,7,8,9) const arr2 = [...arr] console.log(arr2);//[1,2,3,4,5,6,7,8,9]复制对象const object = new Object({name:"古月",age:18,sex:"男"})const object2 = {...object}console.log(object2);//{ name: '古月', age: 18, sex: '男'原创 2022-05-23 13:45:23 · 377 阅读 · 0 评论 -
vuex的基本使用
Vuex的基本使用安装vuex我使用的是npm 安装npm install vuex --save安装完之需要再main中导入import Vuex from 'vuex'Vue.use(Vuex)导入完成之后还是在main中创建一个store对象const store = new Vuex.Store({ state: { count: 0, message: "你好啊,vuex!" }, mutations: {原创 2021-11-03 10:04:23 · 46 阅读 · 0 评论 -
插槽slot的使用
Vue slot的使用一、什么是slot在子组件中,使用特殊的元素就可以为子组件开启一个插槽该插槽插入什么内容取决于父组件如何使用二、插槽的基本使用在子组件中使用为子组件开启一个插槽<template> <div class="hello"> 这是子组件内部! <slot></slot> </div></template>在父组件中使用该组件,并为slot填充内容<template原创 2021-11-02 17:33:02 · 2518 阅读 · 0 评论 -
vue组件化开发
vue组件化开发认识组件化:组件化就是将一个复杂的页面拆分出来逐个实现可复用的组件,再将其放在整体当中。如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展。组件化我们讲一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了。注册组件的基本步骤:创建组件构造器 Vue.extend()注册组件 Vue.componene()使用组件 或全局组件和局部组件当原创 2021-10-26 18:04:47 · 221 阅读 · 0 评论 -
vue的基本指令
基本指令:v-ones:只渲染一次v-html:会将string的惠特米勒解析出来并且进行渲染v-text:作用和mustache比较相似,都是数据显示在界面中v-pre:用于跳过这个元素和他子元素的编译过程,用于希纳是原本的mustache语法。v-cloak:----斗篷 我们浏览器可能会直接显示出未编译的mustache语法。斗篷的作用未进行编译的时候。当编译后就不会有作用了。v-bind:动态绑定属性动态绑定a元素的和href属性动态绑定img元素的src属性动态绑定class原创 2021-10-26 17:08:58 · 133 阅读 · 0 评论