vue - helloWorld

1.cdn概念：cdn全称内容分发网络,也是加速服务之一.

2.数据绑定：{{data}}

3.el属性(挂载对象):el:标签任意(例如：#app,.app,app)

4.data:{} => 小程序的data：存放数据.

5.如果使用cdn，建议采用require.js，否则建议vue.js本地文件存放.

复制代码
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>Document</title>
 9     <!-- Step1.对于vue,可以用cdn -->
10     <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
11 </head>
12 
13 <body>
14 
15     <!-- Step2.绑定 -->
16     <div id="app">
17         <!--
18             Vue的模板的绑定数据的方法，用两对花括号进行绑定Vue中的数据对象的属性,和小程序一样的步骤.
19          -->
20         {{message}}
21     </div>
22 
23     <!--Step3：创建Vue的对象，并把数据绑定到上面创建好的div上去。-->
24     <script type="text/javascript">
25         var app = new Vue({ // 创建Vue对象,Vue的核心对象。
26             el: '#app', // el属性：把当前Vue对象挂载到 div标签上，#app是id选择器
27             data: {    // data: 是Vue对象中绑定的数据
28                 message: 'hello World!' // message 自定义的数据信息，如小程序的data:{}
29             }
30         })
31     </script>
32 </body>
33 
34 </html>
复制代码

 

posted @   Sunsin  阅读(484)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 25岁的心里话
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
SQL AI 助手