浏览器中引入vue 和 ant-design

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><link type="text/css" rel="stylesheet" href="./css/antd.min.css"/...

信行合一

7100人浏览 · 2019-09-02 20:03:52

信行合一 · 2019-09-02 20:03:52 发布

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="./css/antd.min.css"/>
    <!-- vue 版本需要注意，不是每一个版本都起作用的 -->
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
    <script src="./js/antd.min.js"></script>
    <!-- 引入 moment.min.js -->
    <script src="http://momentjs.cn/downloads/moment.min.js"></script>
</head>
<body>
<div id="app">
    <div>
        <a-button type="primary">Primary</a-button>
        <a-button>Default</a-button>
        <a-button type="dashed">Dashed</a-button>
        <a-button type="danger">Danger</a-button>
        <a-button type="link">Link</a-button>
    </div>
</div>
<script type="application/javascript">
new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue.js'
    }
});
</script>
</body>
</html>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^