软件测试学习笔记丨 Vue 学习笔记 - 基本介绍

2024-11-05
北京
本文字数：765 字
阅读完需：约 3 分钟

本文转自测试人社区

编译器使用：VScode

代码示例

<!-- 文档说明 -->    <!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>    <!-- vue 的引入，相当于导包的过程 -->    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><!-- 正文内容 --><body>    <!-- 定义一个容器，给容器一个id属性 -->    <div id="app">{{message}}</div></body></html><!-- JavaScript 脚本 --><script>    // 实例化vue    var vm = new Vue({        // 需要传入对象        // el通过css选择器，指定挂载元素        el:"#app",        // 提供数据，vue填充到vue的数据        data:{            message: "hello world!"        },        methods:{
        }    })</script><!-- CSS 样式表 --><style></style>