<!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>
<div id="app">{
{
message}}
<h1>hello{
{
name}}</h1>
</div>
<script src="vue.js"></script>
<script>
//let/const
//编程范式：声明式编程
const app=new Vue({
el:'#app',//用于挂载要管理的元素
data:{
//定义数据
message:'你好，第一讲',
name:'Vuejs',
}
})
//元素js的写法(编程范式：命令式编程)：
//1.创建div元素，设置id属性
//2.定义一个变量叫messsage
//3.将message变量放在前面的div元素中显示
//4.修改message的数据
</script>
</body>
</html>
前端框架——Vue笔记整理01
Guess you like
Origin blog.csdn.net/weixin_44158539/article/details/111878160
Ranking