1.引入css和js文件
<link rel="stylesheet" href="htt://www.com/element-ui.css"> <script src="http://xxx.com/vue.js"></script><!-- 前端 vue 库 --> <script src="http://xxx.com/element-ui.js"></script><!-- 前端 vue 库 -->
2.实例vue
html 代码:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> wintdemo </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="http://xxx.com/element-ui.css"> <link rel="stylesheet" href="http://xxx.com/font-awesome.min.css"> </head> <body> <div id="app"> </div> </body> <script src="http://xxx.com/vue.js"></script><!-- 前端 vue 库 --> <script src="http://xxx.com/element-ui.js"></script><!-- 前端 vue 库 --> <script src="http://xxx.com/axios.min.js"></script><!-- 前端 vue 库 --> <script src="http://xxx.com/lodash.js"></script><!-- 前端 vue 库 --> </html>
js代码:
<script> new Vue({ data:{}, methods:{}, created:function(){}, mounted:function(){} }).$mount('#app');; </script>