開始使用vue和vuetify
阿新 • • 發佈:2018-12-18
底部加上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'
}
})