vue编写hello woeld

课程介绍

此教程面向的是广大想了解和入门vue的朋友,让你用最快的时间,光速入门vue。

话不多说,接下来带着大家用vue敲一个hello world

首先打开vue的 官方文档,下载vue的开发版本
在这里插入图片描述

<div id="app">{{content}}</div>
<!--引入vue-->
<script src="vue.js"></script>
<script>
    var app = new Vue({
        el: '#app', // 代表vue生效的html元素
        data: { // 代表vue的数据
            content: 'hello world'
        }
    })
</script>

这里是敲出来的效果
在这里插入图片描述

发布了18 篇原创文章 · 获赞 51 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_43745003/article/details/104812039