01-hello vuejs

最新推荐文章于 2024-07-22 15:13:59 发布

LedoAries

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量84

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端 vue

本文链接：https://blog.csdn.net/qq_44409163/article/details/124603067

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!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>
<body>
  <script src="../vuejs/vue.js"></script>



  <div id="app">
    <h2>{{message}}</h2>
    <h2>{{name}}</h2>
  </div>


  <script>
    //let(变量) const(常量)
    //编程范式：声明式编程
    const app = new Vue({
      el:'#app',  //用于挂载要管理的元素
      data:{    //定义数据
          message:'Hello world!',
          name:'xucong'
        }
    })

    //元素js做法（编程范式，命令式编程）
    //1.创建div元素，设置id属性
    //2.定义一个变量叫message
    //3.将message变量放在前面的div元素中显示
  </script>



</body>
</html>

LedoAries

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
01-hello vuejs

<!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&lt
复制链接

扫一扫

专栏目录