1. 程式人生 > >開始使用vue和vuetify

開始使用vue和vuetify

底部加上vue的script

<!-- development version, includes helpful console warnings -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- vuetify -->
<script src="https://unpkg.com/[email protected]/dist/vuetify.min.js"></script>

樣式引用

<link href="https://unpkg.com/
[email protected]
/dist/vuetify.min.css" rel="stylesheet"> <style> [v-cloak] { display: none; } </style>

頁面body體上加入展示元素

<div id="app">
    <v-content v-cloak>
        <v-container>
            <h1 :title="msg">Hello, single Vue!</h1>
        </v-container>
    </v-content>
</div>

啟動js

var app = new Vue({
    el: '#app',
    data: {
        msg: 'Hello'
    }
})