vue学习之插值表达式{{}}与显示数据(v-text和v-html)

素心如月桠

已于 2023-07-31 17:35:31 修改

阅读量1.4k

点赞数

文章标签： vue.js 前端 javascript

于 2023-07-31 17:31:38 首次发布

本文链接：https://blog.youkuaiyun.com/m0_47010003/article/details/132026625

版权

1. 记得导入

<!-- 在线导入 -->
<!-- 开发环境版本，包含了用帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<!-- 本地导入 -->
<script src="node_modules/vue/dist/vue.js"></script>

1. 插值表达式{ {}}

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue插值表达式</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <h1>我最喜欢的人是：{
  { name }}</h1>
    </div>
    <script type="text/javascript">
        //创建vue对象
        var app = new Vue({
            //让vue接管div标签