首页 > 其他分享 >2.Vue的快速使用

2.Vue的快速使用

时间:2022-11-03 21:02:27浏览次数:65  
标签:vue dist name js Vue https 使用 快速

1.vue的导入

1.1 源码下载引入
下载地址:

vue3: https://unpkg.com/[email protected]/dist/vue.global.js

vue2: https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js

1.2 CDN引入

<script src="https://unpkg.com/vue@next"></script>

2.vue的简单使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入vue.js-->
    <script src="js/vue.js"></script>
</head>
<body>
<div id="app">
    <!--    通过vue的插值语法,渲染name变量-->
    <h1>{{name}}</h1>
</div>
</body>
<script>
    new Vue({
        // vue管理的区域,所有的vue语法仅在该区域内生效
        el: '#app',
        data: {
            name: 'kunmzhao',
        }
    })
</script>
</html>

页面效果:

 

标签:vue,dist,name,js,Vue,https,使用,快速
From: https://www.cnblogs.com/victor1234/p/16855815.html

相关文章

  • 协程的async使用
    async与launch一样都是开启一个协程,但是async会返回一个Deferred对象,该Deferred也是一个job async函数类似于launch函数.它启动了一个单独的协程,这是一个轻量级的线程......
  • vue(三)
    模板语法Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML......
  • oracle 存储过程使用
    创建存储过程createprocedureWMSendObj(orginvarchar2,deptinvarchar2)ascursorcurssis(selectdistinctcnofromHR_ARC_DISPAT......
  • 1.vue的介绍
    1.前端的发展介绍最开始由前端三剑客,css.html,js来写网页,用户发送一个请求,刷新一次页面ajax的出现,使得可以发送异步请求,实现局部刷新ajax更加成熟,使得前后端分离成为趋......
  • 使用Wireshark完成实验3-IP
    1、使用Wireshark打开ip-ethereal-trace-1,如图 电脑IP地址为192.168.1.1022、如图,IP包头中上层协议字段的值为1,代表为ICMP 3、如图,IP头中有20字节  IP数据......
  • 从 0 搭建一个 vue3 项目
    一、先实现一个简易版本初始化npmnpminit-y//-y能省去填写信息的步骤,一步到位安装几个必要的依赖1npminstallcss-loaderstyle-loader-D//解析css......
  • 使用注解实现加解密方式
    /***对象隐私数据加解密工具类.**@authord*@since2018年05月22日*/publicfinalclassPrivacyDataHandler{privatestaticConcurrentHashMap<Str......
  • 使用templates模版
    Django         2.1.10  'DIRS':[os.path.join(BASE_DIR,'templates')],#修改位置......
  • 如何登录微软网站,以使用Microsoft WhiteBoard?
    Windows10登录微软账户为什么一直显示请稍等步骤:修改\(DNS:4.2.2.2\)和\(4.2.2.1\)是微软的免费\(dns\)服务器地址*关闭\(IPV6:\)......
  • VUE根据url下载文件
    方法一:constdownloadRes=async()=>{letresponse=awaitfetch(url);letblob=awaitresponse.blob();letobjectUrl=window......