zoukankan      html  css  js  c++  java
  • 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 ,然后把解压的文件夹拖进去就行了,注意解压文件夹一定要保存在不会误删的地方!)。

  • 相关阅读:
    在android模拟器运行arm 移植的 c程序
    Android实现对c++方式调用
    Hdu 1003 Max Sum
    HDU 1005 Number Sequence
    poj 1222 EXTENDED LIGHTS OUT 高斯消元法
    分治算法
    HDU杭电acm题目分类大全
    HDU 1002 A + B Problem II 大数相加
    HDU 1004 Let the Balloon Rise
    phpcms栏目和专题的区分
  • 原文地址:https://www.cnblogs.com/cisum/p/8492811.html
Copyright © 2011-2022 走看看