Vue定义属性获取属性值

最新推荐文章于 2022-11-24 10:20:09 发布

原创最新推荐文章于 2022-11-24 10:20:09 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

53 篇文章

订阅专栏

博客围绕Vue展开，主要讲述了在Vue中定义属性以及获取属性值的相关内容，属于前端开发领域的知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/vue.js"></script>
		<title></title>
	</head>
	<body>
    <h1>component-1</h1>
    <hr>
    <!--指令是绑定在标签属性-->
    <!--template标签 -->
    
    <div id="app">
    	<!--属性有-线 ,构造器里需要驼峰-->
		<panda :here="message"></panda>
    </div>
    <script type="text/javascript">
        var app=new Vue({
            el:'#app',
            data:{
            	message:'china'
            },
            components:{
            	"panda":{
    				template:`<div style="color:green">Panda from {{here}}</div>`,
    				//注册属性
    				props:['here']
            	}
            }
        })
    </script>
</body>
</html>