2019-04-28发表2019-04-28更新前端几秒读完 (大约76个字)

Vue HelloWorld

1
2
3

本节要点:
  基本的代码结构
  插值表达式

通过<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>引入 Vue

生产环境使用 <script src="https://cdn.jsdelivr.net/npm/vue"></script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>麦田里的风</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="test">
    {{ message }}
</div>

<script>
    const vm = new Vue({
        //el 表示 new 的这个实例要控制的是哪个区域
        el: '#test',
        //存放的是 el 中要用到的数据
        data: {
            message: 'HelloWorld!',
        }
    });
</script>
</body>
</html>

#前端 Vue

支付宝

微信

Vue HelloWorld

喜欢这篇文章？打赏一下作者吧

评论

最新文章

标签

分类

Your browser is out-of-date!