vue - 官方 - 上手

Vue和其它框架一样,有用CDN或本地JavaScript框架,国内我推荐 bootstrap cdn

 

为什么很多人选择CDN呢?

CDN:内容分发网络(不同区域不同服务器,更快),减少本地服务器压力以及加载速度需求。

 

CDN如果出现问题怎么办呢?

我们需要写一个JavaScript判断CDN是否有用,再来切换多个CDN(也就是多个CDN地址,放数组里)

 

VUE渐进式框架,什么是渐进式?

Vue 被设计为可以自底向上逐层应用。

 

开发环境:Win7 x64(6.1.7601)

开发工具:vsCode

 

官网示例代码(声明式渲染):

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/vue/2.5.13/vue.js"></script>
</head>
 
<body>
    <div id="app">
        {{wegame}}
    </div>
 
    <div id="app-2">
        {{message}}
    </div>
 
    <script>
        var app = new Vue({
            // el - : 遍历区域
            el: '#app',
 
            // data - :数据
            data: {
                message: 'HEllO,DJ',
                wegame: 'sss'
            }
        });
        //app.message
 
        var app2 = new Vue({
            el: '#app-2',
            data: {
                message: '页面加载于' + new Date().toLocaleDateString()
            }
        })
    </script>
</body>
 
</html>

  

显示结果:

 

 然后它推荐我们下载VUE专用扩展调试工具,也给出了地址,OK我们试着下载:

VUE-DEV ,点击后进入本页面,我们找到获取本浏览器的扩展地址即可:

 镜像在Google需要FQ(请点击这里),怎么办呢?  

 

 

 

 本人在Github上传了VUE-DEV,点击即可下载(安装方式就是在浏览器地址栏输入:chrome://extension ,然后把解压的文件夹拖进去就行了,注意解压文件夹一定要保存在不会误删的地方!)。

 

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