无意中翻出两年前学习Vue时做的总结,欢迎大伙指正。
Vue有两种写法:
1、main.js搭配App.vue;
2、一个HTML搞定。
第一种格式:
main.js文件:
import Vue from ’vue';
import App from './App';
Vue.config.productionTip = false;
new Vue({
el: '#app',
template: '<App/>',
components: { App }
});
App.vue文件:
<template>
<div id="app">
<div>
</div>
</div>
</template>
<script>
export default {name:‘App'}
</script>
<style>
</style>
第二种格式:
<html>
<head>
</head>
<body>
<div id=“app”></div>
<script>
new Vue({
el:‘#app’,
data:{},
watch{},
mounted:function(){},
methods:{}
});
</script>
</body>
</html>