vue
正版蜀黍
文章纯属个人笔记,如有错误,望请纠正~(如有侵权,请联系删除)
展开
-
vue项目中安装、使用element-ui
一、安装element-ui 在编辑器中打开控制台,输入 “npm install element-ui —save” 命令将element-ui依赖添加到项目中; 二、查看是否安装成功 打开项目中的package.json,查看是否有相关配置; 三、进入"main.js"文件中,添加如下代码方可使用 import ElementUI from ‘element-ui’ import ‘element-ui/lib/theme-chalk/index.css’ Vue.use(ElementUI原创 2020-09-16 13:44:33 · 1135 阅读 · 0 评论 -
vue中子组件向父组件传值
子组件向父组件传值(通过this.$emit()) 子组件创建并监听自定义函数,在自定义函数里面指定this.$emit()函数,通过this.$emit()把想传的值传给父组件,父组件在子组件上监听this.$emit()中定义的事件名称并绑定父组件自身的函数,在函数的参数中接收子组件传递的参数。 具体操作 1、父组件 <!-- 父组件 --> <template> <div class="home"> 父组件 <hr> // 父原创 2020-08-28 13:16:18 · 442 阅读 · 0 评论 -
vue中父组件向子组件传值
父组件向子组件传值(v-bind 结合 props属性) 父组件向子组件传值时,通过v-bind属性绑定的方式 v-bind: 自定义变量名=“传递的值”,将要传递给子组件的值绑定到子组件上。子组件中使用props属性来接收,props属性值可以是数组或者是一个对象,如果props属性值设为对象,那么在接收传递过来的值时可以设置一些限制条件,比如type限制接收的数据类型,default设置默认值等。 父组件 <template> <div id="app"> <i原创 2020-08-27 22:24:14 · 267 阅读 · 0 评论