為什么我的效果出不來？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://bbs.csdn.net/topics/js/vue.js"></script>
<style>
</style>
</head>
<body>
<!-- 注冊區域組件 -->
<div id="app">
<my-item :HTML= "HTML" :CSS="CSS" :JavaScript="JavaScript"></my-item>
</div>
<template id = "item">
<div>
<p>1.{{HTML}}</p>
<p>2.{{CSS}}</p>
<p>3.{{JavaScript}}</p>
</div>
</template>
<script>
Vue.component('my-item',{
props:['HTML','CSS','JavaScript'],
template:'#item'
})
var vm = new Vue({
el:'#app',
data:{
HTML:'HTML',
CSS:'CSS',
JavaScript:'JavaScript',
}
})
</script>
</body>
</html>
uj5u.com熱心網友回復：
值用外面再單引號裝起來，否則它會在當前尋找屬性或方法名稱為：HTML,CSS,JavaScript
<my-item :HTML= '"HTML"' :CSS='"CSS"' :JavaScript='"JavaScript"'></my-item>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/213002.html
標籤：JavaScript