VUE学习:vue基础12————组件:自定义组件的属性

提示:
本文为VUE栏目:VUE学习:vue基础12————组件:自定义组件的属性

VUE学习:VUE学习:vue基础10————组件:组件的使用

  • 前言
  • 组件
    • 自定义组件的属性


前言

本文vue框架中组件相关。


提示:以下是本篇文章正文内容,下面案例可供参考

组件

自定义组件的属性

利用props自定义属性,自定义的属性名可以直接在差值表达式中使用

<body>
<div id="app">
    <test mytitle="hello world">test>
    <test mytitle="你好世界" my-test="geigei">test>
div>
<template id="t1">

    <p :title="myTest">{
    {mytitle}}p>
template>

body>
<script>
    Vue.component('test',{
      
        template:"#t1",
        // 自定义属性,自定义的属性名可以直接在差值表达式中使用
        props:['mytitle','myTest'],

    })
    let vm = new Vue({
      
        el: "#app",
        data: {
      },
        methods: {
      },
    });
script>

VUE学习:vue基础12————组件:自定义组件的属性_第1张图片

你可能感兴趣的:(vue.js,vue.js)