zoukankan      html  css  js  c++  java
  • vue组件 定义全局组件

    组件 (Component) 是 Vue.js 最强大的功能之一,它是html、css、js等的一个聚合体。

    组件化

    • 将一个具备完整功能的项目的一部分分割多处使用
    • 加快项目的进度
    • 可以进行项目的复用

    组件注册分为:全局注册和局部注册

    全局注册

    Vue.component('组件名称', { })1个参数是标签名称,第2个参数是一个选项对象。全局组件注册后,任何vue实例都可以用 注册组件就是给html添加一些自定义标签

    组件注意事项:

    ² 构造 Vue 实例时传入的各种选项大多数都可以在组件里使用,只有一个例外:data必须是函数,同时这个函数要求返回一个对象

    ² 组件模板必须是单个根元素

    ² 组件模板的内容可以是模板字符串

    ² 自定义组件需要一个根元素

    Vue.component('HelloWorld', {

      data(){

        return {

          msg: 'HelloWorld'

        }

      },

      template: '<div>{{msg}}</div>'

    });

    定义全局组件,使用render来通过js对象的方式注册组件

     

    使用template定义组件模板

     

    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    B-Suffix Array
    1 or 2
    Boundary
    Fake Maxpooling
    Cover the Tree
    Omkar and Circle
    20.5.31
    Yet Another Yet Another Task
    Codeforces Round #373 (Div. 2)E. Sasha and Array +线段树+矩阵快速幂
    2018 Multi-University Training Contest 2(Naive Operations ) hdu6315
  • 原文地址:https://www.cnblogs.com/ht955/p/14242663.html
Copyright © 2011-2022 走看看