![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
qq_45701634
好好学习天天向上
展开
-
Vue 中父组件向子组件传值
父组件通过v-bind:属性名='属性值'的方式发送数据到子组件,子组件通过prop属性,接受来自父组件的数据<template> <div id="app"> <button @click="comName='Login'">登录</button> <button @click="comName='Register'">注册</button> <!--component组件绑定is属性,指定加载的原创 2020-06-15 16:51:59 · 324 阅读 · 0 评论 -
Vue中的插槽
1:基本插槽<template> <div> <!--插槽的基本使用--> <Hello>你好</Hello> </div></template><script>import Hello from "./components/Hello"export default { components:{ Hello }}</scrip原创 2020-06-15 18:20:45 · 101 阅读 · 0 评论 -
Vue 中子组件像父组件传值
vue中,子组件向父组件传值,是通过事件绑定实现的,并不能像父给子传递那样,通过v-bind和props来完成,父组件在引用子组件处,通过v-on:事件名="xx"绑定一个方法,比如:v-on:func="m",2子组件内,当需要与父组件通信时,通过触发某一事件函数,比如on-click,在这个函数处理内调用:this.$emit("func",'参数')==>触发父组件的func事件绑定的方法,也就是m.this.$emit('func','xx'):这里的func 就是父组件v-on 绑定的事原创 2020-06-15 17:24:22 · 374 阅读 · 1 评论 -
Vue 的介绍 与开发环境
Vue 介绍和开发环境真实的项目中 , 使用Vue 开发项目时,使用NPM安装Npm: 是随同Nodejs 一起安装的管理工具(Nodejs环境安装----》Npn就有了)NodeJs是一个基于Chrome V8引擎的javaScript 运行环境,它既不是语言,也不是框架,它是一个平台,这个平台编程语言采用的是javascript,可以支持javascript的最新的高级语法。而Npm 是随同NodeJs 安装的包管理工具,通过Npm 可以很方便的引用第三方采用js编写的项目,是全球最大的开源库生态原创 2020-06-06 09:54:02 · 613 阅读 · 0 评论