html引入Vue.js的方式（在HbuilderX或Hbuilder中）

一、创建项目时引入1.新建vue项目2.添加代码<body><div id="app">{{aaa}}</div></body><script>new Vue({el:'#app',data:{aaa:'Hello Vue.js !'}})</script>二、在官网下载...

黄三狗

9823人浏览 · 2020-01-31 12:11:18

黄三狗 · 2020-01-31 12:11:18 发布

一、创建项目时引入

1.新建vue项目
创建项目时引入
2.添加代码

<body>
	<div id="app">{{aaa}}</div>
</body>
<script>
	new Vue({
		el:'#app',
		data:{
			aaa:'Hello Vue.js !'
		}
	})
</script>

二、下载官方的vue.min.js文件

1.点击进入官方文件
2.引入vue.min.js文件

<script src="./js/vue.min.js"></script>

3.添加代码

<body>
	<div id="app">{{aaa}}</div>
</body>
<script>
	new Vue({
		el:'#app',
		data:{
			aaa:'Hello Vue.js !'
		}})
</script>

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}$/, //不连续的两位字母// /^