Vue.js教程(一) 用vue实现 HelloWorld

我在这里引入的网上的vue.min.js 大家也可以下载到本地进行练习我给大家贴上下载地址下载地址点击进入之后下载生产版本即可HelloWorld{{ message }}new Vue({el:'#app',data: {message:'Hello World!'}});

灿夏

4552人浏览 · 2016-11-15 22:55:24

灿夏 · 2016-11-15 22:55:24 发布

我在这里引入的网上的vue.min.js 大家也可以下载到本地进行练习我给大家贴上下载地址

下载地址点击进入之后下载生产版本即可

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
</head>
<body>
<div id="app">
  {{ message }}
</div>

<script>
new Vue({
    el:'#app',
    data: {
        message:'Hello World!'
    }
});
</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}$/, //不连续的两位字母// /^