vue入门笔记-02-第一个Vue程序


第一个Vue程序.

IDEA必须安装Vue的插件

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

下载地址

在线CDN

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js"></script>

上代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--  1.导入vue.js  -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
</head>
<body>

<!-- view层 模板 -->
<div id="app">
    {{message}}
</div>

<script>
   //viewModel
   var vm = new Vue({
       el:"#app",
       //model层 数据
       data:{
           message: "hello,vue!"
       }
    });

</script>

</body>
</html>

结果


文章作者: liuminkai
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 liuminkai !
评论
 上一篇
vue入门笔记-04-Vue双向绑定 vue入门笔记-04-Vue双向绑定
Vue双向绑定.1、什么是双向绑定?.Vue.js是一个MVVM框架,即数据数据双向绑定,即当数据发生变化时,视图也就发生变化,当视图发生变化时,数据也会同步变化。 我们说的数据双向绑定是相对于UI控件来说的,非UI控件不会涉及到数据双向
2020-08-09
下一篇 
vue入门笔记-01- vue入门笔记-01-
Vue:前端体系、前后端分离.1、概述.Vue 是一套用于构建用户界面的渐进式框架(逐步实现新特性),发布于2014年2月,与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层(给用户看刷新后台数据),不仅
2020-08-08
  目录