vue - 官方 - 上手

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

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

为什么很多人选择CDN呢？

CDN：内容分发网络（不同区域不同服务器，更快），减少本地服务器压力以及加载速度需求。

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

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

VUE渐进式框架，什么是渐进式？

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

开发环境：Win7 x64（6.1.7601）

开发工具：vsCode

官网示例代码（声明式渲染）：

<!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 ，然后把解压的文件夹拖进去就行了，注意解压文件夹一定要保存在不会误删的地方！）。

以上是 vue - 官方 - 上手 的全部内容， 来源链接： utcz.com/z/379332.html

回到顶部