Vue简单使用

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>vue入门</title>
        <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    </head>
    <body>
        <div id="root">
            <h1>
                你好，{{name}}
            </h1>
        </div>
        <script type="text/javascript">
            Vue.config.productionTip=false
            //创建vue实例
            const x=new Vue({
                el:'#root', //el用于指定当前vue实例为哪个容器工作
                data:{   //data中用于存储数据，数据供el所指定的容器去使用
                    name:'Vue'
                }
            });
             
        </script>
         
    </body>
</html>

　　

 请注意，一个容器只能被一个实例接管

 

?
1
你好，{{name.toUpperCase()}}

　　

 

 

?
1
你好，{{name.toUpperCase()}},{{Date.now()}}

　　

 

posted @   不忘初心2021  阅读(19)  评论(0)  编辑  收藏  举报
相关博文：
·  @Service,@Resource和@Qualifier的简单使用
·  AngularJs简单使用
·  vue入门系列-hello(1)
·  Vue（一）：简单使用
·  vue第一课：简单了解
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
历史上的今天：
2022-02-28 java.io.FileNotFoundException: class path resource [templates/] cannot be resolved to absolute file path because it does not reside in the file system
2022-02-28 idea整合简单的oauth2认证服务器和资源认证服务器
2022-02-28 idea整合mybatis实现简单分页(一)
点击右上角即可分享
微信分享提示
SQL AI 助手