Vue课程35-vue基础使用
2023-03-08 10:52:50 阅读次数：123
编程开发，Vue
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<!-- 导入vue的库文件 -->
<script src="./lib/vue-2.6.12.js"></script>
<body>
<!-- 希望vue能够控制下面的这个div 帮我们 -->
<div id="app">{{username}}</div>
</body>
</html>
<script>
//创建vue的实例对象
const vm=new Vue({
// el属性是固定写法 表示当前vm
el:"#app",
//数据类型
data:{
username: "geyao"
}
})
</script>
运行结果
版权声明：本文内容来自第三方投稿或授权转载，原文地址：https://blog.51cto.com/u_15460007/6051073，作者：前端导师歌谣，版权归原作者所有。本网站转在其作品的目的在于传递更多信息，不拥有版权，亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系，请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇：linux源码解析10–缺页异常之写时复制
下一篇：前端项目实战245-ant design radio设置默认值
