vue光速入门(一)

浪子不回头ぞ 提交于 2020-03-12 12:25:12

课程介绍

此教程面向的是广大想了解和入门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>

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!