vue第五天

legendmohe 发布于2019-08-21 11:31 / 194人阅读

摘要：组件一些知识点的记录全局组件我是标题组件里面放数据必须是函数的形式，函数必须返回一个对象局部组件放到某个组件内部局部组件另一种编写方式好标题配合模板标题多带带放到某个地方推荐标题标题动态组件组件名称调试工具默认情况下，子组件

vue组件：一些知识点的记录

1. 全局组件


var Aaa=Vue.extend({
    template:"我是标题3"
});

Vue.component("aaa",Aaa);

*组件里面放数据: data必须是函数的形式，函数必须返回一个对象(json)

2. 局部组件：放到某个组件内部

var vm=new Vue({
    el:"#box",
    data:{
        bSign:true
    },
    components:{ //局部组件
        aaa:Aaa
    }
});

另一种编写方式:

Vue.component("my-aaa",{
        template:"好"
    });

    var vm=new Vue({
        el:"#box",
        components:{
            "my-aaa":{
                template:"标题2"
            }
        }
    });

配合模板:

1. template:"标题2->{{msg}}"

2. 多带带放到某个地方－［推荐］
    a).     
    b).

动态组件:

vue-devtools -> 调试工具

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

vue默认情况下，子组件也没法访问父组件数据

组件数据传递: √

1. 子组件就想获取父组件data

在调用子组件：
        

子组件之内:
        props:["m","myMsg"]

        props:{
            "m":String,
            "myMsg":Number
        }

2. 父级获取子级数据

*子组件把自己的数据，发送到父级

vm.$emit(事件名,数据);

v-on:    @

vm.$dispatch(事件名,数据)     子级向父级发送数据
vm.$broadcast(事件名,数据)    父级向子级广播数据
配合: event:{}

在vue2.0里面已经，报废了

slot:

位置、槽口作用: 占个位置

类似ng里面 transclude  （指令）

服务器托管云服务器第五天五天无理由五天无理由流程 ucloud领取免费五天

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86803.html

26天学通前端开发（配资料）

摘要：网上有很多前端的学习路径文章，大多是知识点罗列为主或是资料的汇总，数据量让新人望而却步。天了解一个前端框架。也可以关注微信公众号晓舟报告，发送获取资料，就能收到下载密码，网盘地址在最下方，获取教程和案例的资料。前言好的学习方法可以事半功倍，好的学习路径可以指明前进方向。这篇文章不仅要写学习路径，还要写学习方法，还要发资料，干货满满，准备接招。网上有很多前端的学习路径文章，大多是知...

blair 2019-08-21 16:59 评论0 收藏0
【牛客网】-- 日日刷(第五天)

还剩11天 ========================================================================= 1、抽象类方法的访问权限默认都是public。(√) 在Java1.8以前，抽象类方法默认的访问权限为protected在Java1.8以后，抽象类方法默认的访问权限为default ============================...

ARGUS 2019-08-16 18:23 评论0 收藏0
JavaScript学习笔记第五天_错误处理与

摘要：廖雪峰老师的教程学习笔记错误处理提供了像一样的错误处理机制，即例如其中不是必须的，也不是必须的，但二者必须有其一，其中是必定会被执行的。其中其中函数将在超时后执行。廖雪峰老师的javascript教程学习笔记 1. 错误处理 JavaScript 提供了像Java一样的错误处理机制，即try catch finally.例如： try{ var s = null; s...

levy9527 2019-08-21 11:17 评论0 收藏0
九天学会Java，第五天，函数定义函数调用

摘要：那么这种封装的形式就叫做函数函数的格式修饰符返回值类型函数名参数类型形式参数，参数类型形式参数，执行语句返回值有可能有，有可能无函数的定义我们参考函数的格式定义几个函数因为我们要在中调用函数，所以函数也要定义成。变量和数据类型，赋值和输出算术运算选择结构循环结构函数定义，函数调用 max) { max = b; } ...

Cheriselalala 2019-08-16 10:44 评论0 收藏0
九天学会Java，第五天，函数定义，函数调用

摘要：那么这种封装的形式就叫做函数函数的格式修饰符返回值类型函数名参数类型形式参数，参数类型形式参数，执行语句返回值有可能有，有可能无函数的定义我们参考函数的格式定义几个函数因为我们要在中调用函数，所以函数也要定义成。变量和数据类型，赋值和输出算术运算选择结构循环结构函数定义，函数调用 max) { max = b; } ...

MAX_zuo 2019-08-15 15:33 评论0 收藏0