昨日内容回顾 es6的基本用法的回顾 箭头函数 (this的指向问题) Vue关于this指向的问题 与vm实例没有任何关系。而是与箭头函数和普通函数的区别。 给大家总结两点: 1、es5的普通函数,this指向是指向了调用者,比如vue实例的方法(在methods中声明了一个方法)是由vue实例v ...
分类:
其他好文 时间:
2021-06-16 17:42:27
阅读次数:
0
Vue3.x中的mixin介绍使用 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 1、新建mixin/base.js const baseMixin = ...
分类:
其他好文 时间:
2021-06-11 18:15:30
阅读次数:
0
1.父传子 基本就用一个方式,props Father.vue(用v-bind(简写 : ) 将父组件传的值绑定到子组件上) <template> <div> 我是爸爸:{{message}} <hr> <Son :toSonData="toSonData"></Son> </div></templ ...
分类:
其他好文 时间:
2021-06-08 22:56:30
阅读次数:
0
<template> <div> </div> </template> <script> var self = this; export default { }; </script> // scoped 样式只在本组件使用 <style scoped> /** * 导入css样式组件 * @impo ...
分类:
其他好文 时间:
2021-06-02 20:55:34
阅读次数:
0
#1.Vue 组件库(UI库) 栅格布局、布局、button、form、data展示、反馈组件、其他 element-ui PC端 1.官网: https://element.eleme.cn/#/zh-CN 2.下载 npm i element-ui --save 3.引入 //引入element ...
分类:
Web程序 时间:
2021-05-24 16:55:15
阅读次数:
0
如上图所示,A和B 、 B和C、B和D都是父子关系,C和D是兄弟关系,A和C 是隔代关系 针对不同的使用场景,如何选择行之有效的通信方式? 这是我们要探讨的。vue组件间通信的集中方式,如props、$emit/$on、 vuex、$parent/$children 等 方法一、props / $e ...
分类:
其他好文 时间:
2021-05-24 07:49:37
阅读次数:
0
1.前面的所有例子我们都是将代码写在一个App.vue组件,这个App.vue组件通过main.js将其绑定到index.html中的一个元素标签上。 2.这里写一个组件,将该组件再App.vue组件中使用 3.src目录下新建一个component文件夹,在component文件夹下新建一个Hel ...
分类:
其他好文 时间:
2021-04-28 12:05:33
阅读次数:
0
因为JavaScript的特性所导致,在component中,data必须以函数的形式存在,不可以是对象。 组建中的data写成一个函数,数据以函数返回值的形式定义,这样每次复用组件的时候,都会返回一份新的data,相当于每个组件实例都有自己私有的数据空间,它们只负责各自维护的数据,不会造成混乱。而 ...
分类:
其他好文 时间:
2021-04-27 14:12:57
阅读次数:
0
Vue官方文档对组件的讲解貌似不太友善,网络上的许多讲解似乎也是以Vue官方文档的视角去看待组件的,如果你学了Java、C#等面向对象编程语言,以这些语言的视角去理解Vue组件,其实多少能意识到组件这一概念和面向对象编程的方式和风格相似。 ...
分类:
其他好文 时间:
2021-04-24 13:13:04
阅读次数:
0
head部分: <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script> <script type="text/javascript" src="bower_components ...
分类:
其他好文 时间:
2021-04-14 12:11:22
阅读次数:
0