单页面vue引入ant design


<html>
<head>
  <meta charset="UTF-8">
  
  <link href="https://cdn.bootcdn.net/ajax/libs/ant-design-vue/3.0.0-beta.12/antd.css" rel="stylesheet">
head>
<style>
	*{
		margin: 0;
		padding: 0;
	}
style>
<body>
  <div id="app">
    <a-button type="primary">Primarya-button>
    <a-button>Defaulta-button>
    <a-button type="dashed">Dasheda-button>
    <a-button type="danger">Dangera-button>
    <a-button type="link">Linka-button>
    <a-pagination v-model="current" :total="50" show-less-items />
  div>
body>
  <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js">script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js">script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/locale/zh-cn.js">script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/antd.min.js">script>
  <script>
    new Vue({
		el: '#app',
		data: function() {
			return {
                current: 2
            }
        },
		methods: {
            
        }
    })
  script>
html>

你可能感兴趣的:(Vue,vue.js,前端,javascript)