第一个vue实例

- 日理万妓 2021-07-24 19:12 391阅读 0赞

**一 官网**

[https://cn.vuejs.org/v2/guide/][https_cn.vuejs.org_v2_guide]

**二 index.html**

<!DOCTYPE html>
    <html>
    
    
    <head>
        <meta charset="utf-8">
        <title>vue入门</title>
        <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    </head>
    
    
    <body>
        
        <div id="root"></div>
    
    
        <script type="text/javascript">
            // Vue的实例
            new Vue({
                el: "#root",    // 接管哪一个元素，和该元素绑定
                template: '<h1>{
       {msg}}!</h1>', // 模板
                data: {                      // 数据
                    msg: "hello world",
                },
            })
        </script>
    </body>

**三 效果**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

[https_cn.vuejs.org_v2_guide]: https://cn.vuejs.org/v2/guide/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/b790eea5f1114fa3aa72d2c3bd792175.png

发表评论取消回复

表情：

评论列表（有 0 条评论，391人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javaweb —— Servlet第一个实例

Eclipse下完整的Servlet实例][Eclipse_Servlet] https://jingyan.baidu.com/article/c843ea0b9a...

爱被打了一巴掌/ 2024年04月19日 08:59/ 0 赞/ 65 阅读

相关 Vue.js——2.第一个Vue程序

代码 <div id="app"> <p>{ {msg}}</p> </div> <script>

水深无声/ 2023年10月11日 13:18/ 0 赞/ 10 阅读

相关创建第一个vue项目

1、安装node.js 下载地址： [https://nodejs.org/en/download/][https_nodejs.org_en_download] 下载

谁践踏了优雅/ 2023年07月04日 11:20/ 0 赞/ 207 阅读

相关创建vue第一个应用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

「爱情、让人受尽委屈。」/ 2022年12月08日 15:51/ 0 赞/ 236 阅读

相关 Vue02_第一个vue-cli项目

Vue02\_第一个vue-cli项目 -------------------- nodejs 的下载和安装官网下载（选择windows64位的版本）：[http

拼搏现实的明天。/ 2022年12月02日 13:58/ 0 赞/ 155 阅读

相关 lua第一个运行实例

跟学习c语言一样，首先来个hello world 使用lua工具，这里就不在介绍lua开发工具了，因为上一篇文章已经介绍了使用lua的工具，作为一个开发人员安装软件

小鱼儿/ 2022年07月16日 05:11/ 0 赞/ 237 阅读

相关第一个Vue应用

不管我们学习哪种语言，我们第一个写的估计就是Hello World了，这里我们也是先通过一个简单的html代码开始，来对Vue有一个直观的感觉。 <html> <he

电玩女神/ 2022年05月22日 05:54/ 0 赞/ 286 阅读

相关图文演示第一个nodejs实例

学习nodejs，第一个项目就是如何构建一个简单的http服务，然后通过浏览器输入访问地址访问，打印一个简单的helloworld。这里直接入手，首先确保机器上已经安装了n

小咪咪/ 2022年03月28日 01:52/ 0 赞/ 510 阅读

相关第一个Vue实例

Vue 是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方

灰太狼/ 2022年01月22日 22:14/ 0 赞/ 245 阅读

相关第一个vue实例

一官网 [https://cn.vuejs.org/v2/guide/][https_cn.vuejs.org_v2_guide] 二 index.html <

- 日理万妓/ 2021年07月24日 19:12/ 0 赞/ 392 阅读