vue打印props的值_vue中props传值方法

vue中props传值方法

1.开发环境 vue

2.电脑系统 windows10专业版

3.在使用 vue开发的过程中,我们经常会使用 props进行组件的传值,下面是我的分享,希望对你有所帮助!

4.在父组件添加如下代码:

我是echarts模板封装

import Eche from '@/components/vueechartsmo.vue'

export default {

name:'eche',

components:{

Eche

data(){

return{

name:'灰太狼'

}

5.在子组件中添加如下代码://接受父组件传过来的值:

props: ["dataObj"],

data() {

return {};

//注意:props和data是同级的

5-1.子组件全部代码如下:

我是子组件

import echarts from "echarts";

export default {

name: "echartsmo",

props: ["dataObj"],

data() {

return {};

created(){

}

//在子组件中添加 props,接受父组件的值

6.在 template使用props传过来的值,代码如下:

6-1.效果如下:

7.在生命周期中,怎么输出 props 的值呢?代码如下:mounted() {

console.log(this.dataObj);

7-1.效果如下:

8.本期的分享到了这里就结束啦,是不是很nice,希望对你有所帮助,让我们一起努力走向巅峰!

vue打印props的值_vue中props传值方法相关推荐

vue保存页面的值_vue中使用localStorage存储信息
一什么是localStorage 对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionSto ...
vue打印props的值_vue props 传值
一.子组件需要做的子组件要显式地用 props 选项声明它期待获得的数据 props:[data] 然后在组件内使用data 二.父组件需要做的这个时候需要区分静态传值和静态传值静态在父组件使 ...
props写法_Vue中props的用法知识点
Vue中props的详解看一下官方文档: 组件实例的作用域是孤立的.这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据.父组件的数据需要通过 prop 才能下发到子组件中. 也就是pr ...
props写法_Vue中props的详解
看一下官方文档: 组件实例的作用域是孤立的.这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据.父组件的数据需要通过 prop 才能下发到子组件中. 也就是props是子组件访问父组件数 ...
vue 函数路由跳转_vue中通过路由跳转的三种方式
router-view 实现路由内容的地方,引入组件时写到需要引入的地方需要注意的是,使用vue-router控制路由则必须router-view作为容器. 通过路由跳转的三种方式 1.router ...
vue 分享微信传参_vue 中使用微信分享接口（简单实用）
前言开发微信小程序时,基本上都要接入微信的SDK,而微信也提供了非常多的接口供我们去完成我们想要的功能.微信分享功能常常是我们在开发中常见的需求之一,本文将围绕微信分享接口使用展开,给自己以后碰到需 ...
vue 对象判断为空_Vue中可用的判断对象是否为空的方法
vue有两个方法可用 1. JSON.stringify(evtValue)=='{}' 2. Object.keys(xxx).length==0 js判断对象是否为空对象的几种方法 1.将json ...
vue修改meta值_vue中动态设置meta标签和title标签的方法
vue中动态设置meta标签和title标签的方法因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 ...
vue点击改变data值_vue 中自定义指令改变data中的值
通过局部自定义指令实现了一个拖动的指令 html: script: methods:{ set(x,y){ this.data.x=x; this.data.y=y; } }, directives: ...

vue打印props的值_vue中props传值方法

我是echarts模板封装

{{ dataObj }}

{{ dataObj }}

vue打印props的值_vue中props传值方法相关推荐

最新文章

热门文章