Vue的基本模板

最新推荐文章于 2024-07-08 00:13:52 发布

YY小怪兽

最新推荐文章于 2024-07-08 00:13:52 发布

阅读量383

点赞数

分类专栏： Vue1 文章标签： eclipse java javascript

本文链接：https://blog.csdn.net/lihui61357457/article/details/121655716

版权

Vue1 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!--
1.Vue框架使用方式
1.1传统下载导入使用
1.2vue-cli安装导入使用

2.Vue框架使用步骤
2.1下载Vue框架
2.2导入Vue框架
2.3创建Vue实例对象
2.4指定Vue实例对象控制的区域
2.5指定Vue实例对象控制区域的数据
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02-Vue基本模板</title>
    <!--1.下载导入Vue.js-->
    <script src="js/vue.js"></script>
</head>
<body>
<div id="app">
    <p>{{ name }}</p>
</div>
<script>
    // 2.创建一个Vue的实例对象
    let vue = new Vue({
        // 3.告诉Vue的实例对象, 将来需要控制界面上的哪个区域
        el: '#app',
        // 4.告诉Vue的实例对象, 被控制区域的数据是什么
        data: {
            name: "小灰灰"
        }
    });
</script>
</body>
</html>

YY小怪兽

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vue的基本模板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02-Vu
复制链接

扫一扫

专栏目录