第一个 Vue 程序

复制代码
<body>
    <script src="../vue.js"></script>
    <div id="mydiv">
        <!-- 插值表达式 -->
        {{ message }}
        <!-- 在选中的元素中也会生效 -->
        <div>{{ message }}</div>
        <div>my name is {{ person.name }}, and my age is {{person.age}}</div>
    </div>
    <script src="work2.js"></script>
</body>
复制代码
复制代码
var app = new Vue({
    // element 挂载点
    // 不要选择 html 或者 body 标签
    el:'#mydiv',
    data:{
        message:'Hello Vue',
        person:{
            name:'xxp',
            age:18
        }
    }
})
复制代码

 

posted @   树叶本子  阅读(12)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示