Vue框架入门:基础介绍与核心概念
发表时间: 2024-07-18 17:35
本文转自测试人社区,原文链接:Python 测开28期 - WL - 学习笔记 - 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>测试集合</title> <!-- 1. vue 引入 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <!-- 正文内容 --> <body> <!-- 2. 定义一个容器,给容器标注 id,方便后边操作 --> <div id="app"> {{message}} </div> </body></html><!-- js脚本 --><script> // 实例化 vue var vm = new Vue({ // 需要传入对象 el: "#app", // 指定挂载元素 data:{ // 挂载元素的值 message: "Hello laoda" }, methods:{ }, });</script><!-- CSS 样式表 --><style></style>