<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>初学vue</title>
</head>
<body>
<!-- 基于表达式进行渲染 {
{}}语法 -->
<!-- 容器 -->
<div id = "app">
<p>{
{ a }}</p>
<p>{
{ a.toUpperCase() }}</p>
<p>{
{ b > 18 ? '成年' : '未成年'}}</p>
<p> {
{ a + '的朋友' + c.d + c.e}} </p>
</div>
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
const app = new new Vue({
/* el选择器 */
el: '#app',
/* 提供数据 */
data: {
a: 'zy',
b: 20,
c: {
d: "zly",
e: "热爱学习Java"
}
}
})
</script>
</body>
</html>
vue中{{}}渲染语法
猜你喜欢
转载自blog.csdn.net/m0_62600503/article/details/132368410
今日推荐
周排行