当前位置: 首页 > 工具软件 > Vue-Starter > 使用案例 >

Vue教程(一)起步

艾俊晖
2023-12-01

Vue教程(一)起步

Vue 基本使用

let/const 没有变量提升,必须先声明再使用。

let 可以修改值

const 如果是基本类型值不可以改变(如果是引用类型值可以修改属性或者方法但不能重新赋值)。再次使用 let const 声明相同变量名会报错。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>01_hello</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  </head>
  <body>
    <h3>声明式渲染</h3>
    <div id="app">{{message}}</div>
    <script>
      /**
       * let/const没有变量提升,必须先声明再使用。
       * let 可以修改值
       * const 如果是基本类型值不可以改变(如果是引用类型值可以修改属性或者方法但不能重新赋值)。
       * 再次使用 let const 声明相同变量名会报错。
       */
      let app = new Vue({
        el: "#app", // 用于要管理的元素
        data: {
          // 定义数据
          message: "hello world!",
        },
      });
    </script>
  </body>
</html>

    – 以上为《Vue教程(一)起步》,如有不当之处请指出,我后续逐步完善更正,大家共同提高。谢谢大家对我的关注。

——厚积薄发(yuanxw)

 类似资料: