【Vue.js】挂载点,模板与实例(二)

1、模板使用方式一,将数据写在data中

二、模板使用方式二,将数据写在template中,可携带html标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue学习</title>
    <script src="./vue.js"></script>
</head>
<body>
    <div id="root">{{msg}}</div>
    <script>
        new Vue({
            el:"#root",
            data:{
                msg:"hello world"
            }
        })
    </script>
</body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 3,590评论 0 6
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,522评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,860评论 18 139
  • 读书,让自己对教育的感悟更加深切和“接地气”。苏霍姆林斯基的著作,越读越深,愈读体悟愈多,她把整个心灵献给孩子、...
    牟善磊阅读 209评论 0 4
  • 【宝宝感冒流鼻涕小偏方】:宝宝初期打喷嚏、流清鼻涕、鼻塞 制作方法: 1、切姜末若干。 2、在干锅中将姜末炒干,要...
    A努力花钱阅读 1,141评论 0 0