3. 数据绑定

Sun Jiakai_凯

于 2021-08-14 18:08:03 发布

阅读量62

点赞数

分类专栏： Vue 文章标签： vue js

本文链接：https://blog.csdn.net/s12345672/article/details/119704390

版权

Vue 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

数据绑定

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>数据绑定</title>
        <!-- 引入Vue -->
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 准备好一个容器 -->
        <div id="root">
            单向数据绑定：<input type="text" v-bind:value="name"> 
            <br> 
            双向数据绑定：<input type="text" v-model:value="name">

            <!-- 如下代码是错误的，因为v-model只能应用在表单元素（输入类元素）上 -->
            <h2 v-model:x="name">刘恺威</h2>
        </div>
        <script type="text/javascript">
            Vue.config.productionTip = false;

            new Vue({
                el: '#root',
                data:{
                    name: '刘恺威',
                    url: 'http://www.baidu.com'
                }
            })
        </script>
    </body>
</html>

Sun Jiakai_凯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3. 数据绑定

数据绑定<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数据绑定</title> <!-- 引入Vue --&gt
复制链接

扫一扫

专栏目录