SOURCE

console 命令行工具 X clear

                    
>
console
new Vue({
    el: '#app',
    data: {
        name: 'abyss',
        age: 23,
        imgLink: 'http://10.10.1.216:9000/abcdef2/topic/aijzevxweqrgxnpr/cover/cover.jpg?Content-Disposition=attachment%3B%20filename%3D%22topic%2Faijzevxweqrgxnpr%2Fcover%2Fcover.jpg%22&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20210603%2F%2Fs3%2Faws4_request&X-Amz-Date=20210603T082036Z&X-Amz-Expires=432000&X-Amz-SignedHeaders=host&X-Amz-Signature=db7f3416dd94f21acf47a5794a571852b3519ca2557273531cd56f24ff5991e6'
    },
    methods: {
        getRandom: function() {
            return Math.random();
        }
    }
});
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
    <p>VueJS is pretty cool - {{name}}({{age}})</p>
    <p>{{age * 3}}</p>
    <p>{{ getRandom() }}</p>
    <div>
        <img v-bind:src="imgLink">
    </div>
    <div>
        <input type="text" v-bind:value="name">
    </div>
</div>