2.vue-基本使用

最新推荐文章于 2023-06-30 08:41:21 发布

山楂不甜

最新推荐文章于 2023-06-30 08:41:21 发布

阅读量63

点赞数

分类专栏： Vue 笔记文章标签： vue js

本文链接：https://blog.csdn.net/Veronnit/article/details/118874864

版权

笔记同时被 2 个专栏收录

60 篇文章 1 订阅

订阅专栏

Vue

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02-Vue基本模板</title>
    <!--1.下载导入Vue.js-->
    <script src="vue.js"></script>
</head>
<body>
<div id="app">
    <p>{{name}}</p>
</div>
<!--JavaScript代码需要放在尾部（指定的HTML元素之后）-->
<script>
    //2.创建一个Vue的实例对象
    let vue = new Vue({
        //3.告诉Vue的实例对象，将来需要控制界面上的哪个区域
        el:'#app',
        //4.告诉Vue的实例对象，被控制区域的数据是什么
        data:{
            name:"Hello World！"
        }
    });
</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

山楂不甜

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2.vue-基本使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02-Vue基本模板</title>  <script src="vue.js"></script></head><body><div id="app"&gt
复制链接

扫一扫