VUE基础入门

66 阅读1分钟

简介

官网:cn.vuejs.org/ 手册:cn.vuejs.org/v2/api/

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动

安装

cn.vuejs.org/v2/guide/in…

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

最新稳定版本:2.6.10 直接下载并用

基本使用

1、 var vm = new Vue() : 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 根实例开始的

2、el: 挂载点,表示vue实例接管了对id=app的元素的控制

3、data: 数据

4、{{msg}} : 模板中的文本插值,表示此处插入msg变量所存储的数据

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
​
    <div id="app">
        {{msg}}
    </div>
​
    <script src="lib/vue.js"></script>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                msg: 'hello world'
            }
        });
       // vm.msg = 'good luck'
    </script>
</body>
</html>