1.环境配置和创建项目
2.第一个vue项目
<template>
<div>
<h1>This is my first homework!</h1>
<el-button-group>
<el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
<el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
</el-button-group>
<el-button-group>
<el-button type="primary" icon="el-icon-edit"></el-button>
<el-button type="primary" icon="el-icon-share"></el-button>
<el-button type="primary" icon="el-icon-delete"></el-button>
</el-button-group>
</div>
</template>
<script>
export default {
data() {
return {
}
},
}
</script>
<style>
</style>
3.Element组件库
4.JSON对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
var one='{"size":30,"length":10,"phone":"xiaomi"}'
var two=JSON.parse(one);
alert(two.size);
four=JSON.stringify(two);
alert(JSON.parse(four).phone)
var three={
age:30,
telephone:1501302340,
weight:150,
}
alert(three.weight);
var bool= window.confirm("hello?");
alert(bool);
setInterval(function(){
console.log("执行");
},5000)
setTimeout(function(){
console.log("xixi");
},1000)
</script>
</html>
json对象和js的相互转换