一、引入资源
// 引入vue
<script src="https://unpkg.com/vue@2.7.10/dist/vue.min.js"></script>
<script>window.Vue || document.write(unescape("%3Cscript src='../static/js/vue-2.7.10.min.js' type='text/javascript'%3E%3C/script%3E"))</script>
// 引入element-ui
<script src="https://unpkg.com/element-ui@2.15.13/lib/index.js"></script>
<script>window.ELEMENT || document.write(unescape("%3Cscript src='../static/js/element-ui-2.15.13-index.js' type='text/javascript'%3E%3C/script%3E"))</script>
// 上面的原理是先导入 unpkg 的cdn 包,如果没有 window.Vue 或者 window.ELEMENT 则使用本地的。
// 必须替换unescape中的"<" 和 ">", %3C = <, %3E = >。
二、创建 vue 对象
<script>
app = new Vue({
el: '#app',
data() {
return {}
},
methods:{}
});
</script>
三、使用
<body>
<div id="app">
<template>
<!-- html -->
</template>
</div>
</body>