vue方法传值到data_Vue组件创建和传值的方法

## 创建组件的3种方法

# 第一种:

+ Vue.extend()函数返回一个组件的构造器,里面包含一个参数,参数是对象,对象里面是一些配置项

+ Vue.component()函数利用Vue.extend()返回的构造器创建一个组件的实例,有两个参数.;

参数1:组件名字,参数2:组件构造器

注意:

模板template中只能有一个根节点

组建的名字采用驼峰命名的话,使用时,就要加上"-"; 例如:组件名字indexA-->index-a;

## 第二种:

+ Vue.component('indexB',{模板})

## 第三种:

+ 通过制定模板创建,在Vue管辖范围之外定义模板

## 总结:

+ 先制造一个模板,在创建组件

## 组件中使用指令:

+ 在Vue.component()里边,有template模板,有data()函数,有methods()方法

+ 注意:data()必须是一个个函数.不能使用属性定义;函数里边return出去一个对象

## 父组件传值给子组件的方法

* 先创建好父组件和子组件

* 在父组件的模板中的son,子组件标签里绑定 :属性 = 父组件需要传递的数据;

* 在子组件的son{}中使用props来接收父组件传递过来的数据;

* props后跟一个数组,数组中是一个个字符串,这些字符串可以当成属性使用,即props:['属性名']

* 代码如下:

....',data(){

return{

mySonName:'小明'

}

},//子组件

components:{

son:{

props:['myName'],template:'...{{myName}}'

}

})

vue方法传值到data_Vue组件创建和传值的方法相关推荐

vue组件加载完成之后执行方法_vue-cli监听组件加载完成的方法
在使用vue-cli开发项目时遇到过一个问题,要求是页面组件全部加载完成后再执行某个函数,给上代码参考,方法可能有点笨,好在实现了功能. 1.安装vuex npm install vuex --sav ...
php 匿名方法,PHP基于Closure类创建匿名函数的方法详解
本文实例讲述了PHP基于Closure类创建匿名函数的方法.分享给大家供大家参考,具体如下: Closure 类用于代表匿名函数的类. 匿名函数(在 PHP 5.3 中被引入)会产生这个类型的对象. ...
java 获取对象方法有哪些方法有哪些方法有哪些_Java中创建String 对象的方法有哪些...
Java中创建String 对象的方法有哪些发布时间:2020-11-25 16:45:30 来源:亿速云阅读:71 作者:Leah 这篇文章将为大家详细讲解有关Java中创建String 对象的 ...
react 父子传值_React父子组件间的传值
父组件: import React, { Component } from 'react'; import Child from './chlid'; class parent extends Com ...
vue方法传值到data_vue组件传值的几种方式
1.bus总线 //定义bus插件 //在util文件夹下定义bus.js import Vue from 'vue'; let install = (vue) => { vue.prototy ...
vue方法传值到data_Vue 组件传值几种常用方法【总结】
使用vue也有很多年了,一直都没有整理一下相关知识,给大家总结下开发过程中所遇到的一些坑,主要给大家总结一下vue组件传值的几种常用方法: 1.通过路由带参数传值 ① A组件通过query把id传给B ...
moel vue 自定义v_vue在自定义组件中使用v-model的方法
vue如何在自定义组件中使用v-model v-model指令所谓的"指令"其实就是扩展了HTML标签功能(属性). 先来一个组件,不用vue-model,正常父子通信我是父亲 ...
小程序02/小程序自定义组件使用方法流程、自定义组件 -- 父传子流程方法
一.自定义组件使用方法 1. 创建在 components文件夹下创建文件 2. 注册在 index.json , usingComponents对象内根据路径引入组件 "usingC ...
python创建方法draw_【python设计模式-创建型】工厂方法模式
工厂模式(Factory Pattern)是 Java 中最常用的设计模式之一.这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式. 在工厂模式中,我们在创建对象时不会对客户端暴露创建逻 ...

vue方法传值到data_Vue组件创建和传值的方法

vue方法传值到data_Vue组件创建和传值的方法相关推荐

最新文章

热门文章