打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Vue的MVVM设计模式(第一个Vue程序

<!DOCTYPE html>

<html lang="en" xmlns:v-bind="http://www.198bona.com">

<head>

    <meta charset="UTF-8">

    <title>第一个Vue程序</title>

</head>

<body>

<!--view层 模板-->

<div id="app">

<!-v-bind绑定元素属性!-->

    <span v-bind:title="message">

        鼠标悬停,查看此处动态绑定的提示信息!

    </span>

    <!--{{message}}-->

</div>

<!--1.导入vue.js-->

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>

<script>

    var vm=new Vue({

        el:"#app",

        //model 数据

        data:{

            message:"hello,Vue!"

        }

    });

</script>

</body>

</html>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
ES6、Vue指令、 计算属性、绑定Class和Style、条件渲染、列表渲染、表单输入绑定(双向数据绑定)
{{ }}和v-text和v-html
Vue学习 Day01
Vue模板内容
02-第一个Vue程序
Vue概述
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服