创建vue第一个应用

「爱情、让人受尽委屈。」 2022-12-08 15:51 234阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="vue.js" type="text/javascript" charset="utf-8">
        </script>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    
    </head>
    <body>
    <div id="appli">
        {
        {
        mess1}} {
        {
        t1}}  //{
        {
        变量名}}
    </div>
    <script type="text/javascript">
        var appli=new Vue(
            {
        
                el:'#appli',
                data:{
        
                    mess1:'hello',
                    t1:'good'
                }
            }
        );
    </script>
    </body>
    </html>

## 效果 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpbmdKYW1lc2JvbmQ_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpbmdKYW1lc2JvbmQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/35f55dbb5a06475abfd3c33288aa5c28.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Vue 创建一个 Vue 应用

下载安装Node.js [Node.Js中文网][Node.Js][Node.js][][Node.Js中文网][Node.Js] ![22d15c0aa6254e65

你的名字/ 2024年02月05日 12:54/ 0 赞/ 65 阅读

相关 Node.js 创建第一个应用

/ Node.js 创建第一个应用如果我们使用 PHP 来编写后端的代码时，需要 Apache 或者 Nginx 的 HTTP 服务器，并配

傷城~/ 2023年10月06日 16:41/ 0 赞/ 53 阅读

相关创建第一个vue项目

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

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

相关（4）构建第一个vue应用

一、功能介绍 todoList：任务计划列表大致功能： 1.输入框输入内容后，按enter键，即可把内容添加到下方列表 2.可将单个todo标为完成 3

布满荆棘的人生/ 2023年02月17日 02:54/ 0 赞/ 26 阅读

相关创建vue第一个应用

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

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

相关 HbuilderX创建第一个vue项目

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言 HBuilderX，H是HTML的首字母，Builder是构造者，X是HBu

古城微笑少年丶/ 2022年08月28日 10:48/ 0 赞/ 281 阅读

相关创建Sencha touch第一个应用

最近学习Sencha touch ，是一个菜鸟级别。废话不多说，让我们来创建Sencha touch的第一应用. 首先，我们下载[Sencha touch2.0 sdk

叁歲伎倆/ 2022年08月25日 11:49/ 0 赞/ 192 阅读

相关 2、创建第一个React Native应用

1.创建模板工程经过上一篇讲解了 React Native 开发平台的环境搭建，我们接下来要讲的是让我们一起创建第一个React Native应用,我们接下来在终端使用

╰+哭是因爲堅強的太久メ/ 2022年05月30日 09:48/ 0 赞/ 217 阅读

相关第一个Vue应用

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

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

相关 WebStorm创建第一个vue项目

最近几天最折腾vue的项目！刚开始懵懵懂懂后来搞清楚了就出个教程吧！很基础啊先你得[下载node.js][node.js] (Windows)

我会带着你远行/ 2022年03月24日 14:50/ 0 赞/ 916 阅读