首页 > 编程语言 >第一个Vue程序

第一个Vue程序

时间:2022-12-07 10:44:59浏览次数:43  
标签:IE8 插件 Vue 第一个 程序 IDEA js message

IDEA可以安装Vue插件

Vue不支持IE8及以下版本,因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器

IDEA下载Vue插件

File->Settings

然后点击Plugings搜索Vue安装即可

 

导包:

1.开发版本

  包含完整的警告和调式模式:https://vuejs.org/js/vue.js

  删除了警告:https://vuejs.org/js/vue.min.js

2.CDN

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>

新建文件夹并创建html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h3>干扰对比</h3>

<div id="app">
    <h2>{{message}}</h2>
</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
<script>
    var vm = new Vue({
        el : "#app",
        data : {
            message : "helloVue!"
        }
    });
</script>
</body>
</html>

  

 运行

我们打开检查,可以通过Vue对象vm更改message并在不刷新的情况下显示

 

 而没通过message的则只能在html中修改后刷新才能更新过来

MVVM!!

 

标签:IE8,插件,Vue,第一个,程序,IDEA,js,message
From: https://www.cnblogs.com/zhulei118/p/16962379.html

相关文章

  • 如何用vue+免费的webdb 实现一个世界杯足球竞猜系统
    一、前言最近世界杯在如火如荼的进行。我们都知道,中国也派出了我们的一支强大的队伍:中国建筑队,全程参与了世界杯的所有比赛。哈哈开个玩笑,不过说到世界杯,还真有不少朋友,不......
  • vue父子组件生命周期执行顺序
    父子组件生命周期执行顺序(同步组件的情况下)更新过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->......
  • DApp实战:开发属于你的第一个DApp - 我的日记本
    效果预览项目的视频教程部分已经发布到了b站​​https://space.bilibili.com/391924926/channel/seriesdetail?sid=2745034​​初始化状态添加删除开发环境准备系统环境Remi......
  • vue这些原理你都知道吗?(面试版)
    前言在之前面试的时候我自己也经常会遇到一些vue原理的问题,我也总结了下自己的经常的用到的,方便自己学习,今天也给大家分享出来,欢迎大家一起学习交流,有更好的方法......
  • 社招前端经典vue面试题汇总
    用过pinia吗?有什么优点?1.pinia是什么?在Vue3中,可以使用传统的Vuex来实现状态管理,也可以使用最新的pinia来实现状态管理,我们来看看官网如何解释pinia的:Pinia是Vue的......
  • vue面试之Composition-API响应式包装对象原理
    本文主要分以下两个部分对CompositionAPI的原理进行解读:reactiveAPI原理refAPI原理reactiveAPI原理打开源码可以找到reactive的入口,在composition-api/src/......
  • 复习精简版快速学vue3
    vue2中。如果给一个之前没有定义的属性赋值,会得不到时实更新:this.obj.b=2//由于这个属性之前没有定义,是不支持动态响应,只能用this.$(this.obj,'b',2)也就是说vue对数据处......
  • 程序设计基础实验课 单元六的题-UVA10410 TreeReconstruction 树重建
    入门指南题面:  洛谷题面:   观看的题解:https://www.cnblogs.com/jerryRey/p/4622927.html  对样例区样例画的一些图:       题目的一些争议......
  • 第一个Vue程序
    什么是Vue第三方开发的:可以直接下载使用的基于MVVM设计模式的渐进式的:学习多少就可以用多少,容易与其他技术混搭,但是依然强烈不建议将VUE框架和旧的技术混搭纯前端:只靠......
  • Vue指令
    v-show指令什么是v-show指令v-show指令就是专门控制一个元素显示或者隐藏的指令何时使用v-show指令今后,只要是想控制一个元素的显示或者隐藏,都用v-show指令如何使用v-show......