请问一下vue还需要导额外的包吗?

问题遇到的现象和发生背景
问题相关代码，请勿粘贴截图
运行结果及报错内容

img

浏览器没有显示想要的数据



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--<div id="faker">-->
<!--    {{ viper }}-->
<!--</div>-->

<div id="app">
    {{ message }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js">
    // new Vue({
    //     el:'#faker',
    //     data:{
    //         viper: '你好我是viper'
    //     }
    // })
        var app = new Vue({
        el: '#app',
        data: {
        message: 'Hello Vue!'
    }
    })


</script>

</body>
</html>
我的解答思路和尝试过的方法
我想要达到的结果

这样

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

<script>
        var app = new Vue({
        el: '#app',
        data: {
        message: 'Hello Vue!'
    }
    })
</script>


//不要再引入文件的script标签内书写就好了
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
        var app = new Vue({
        el: '#app',
        data: {
        message: 'Hello Vue!'
    }
    })
</script>