Vue.js介绍和Vue的用法

旧城等待， 2024-03-22 16:00 74阅读 0赞

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的 渐进式框架。

注意：Vue是一个框架，相对于 jq 库来说，是由本质区别的；

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

Vue用法








1

2

<script src=“https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js“></script>

<script src=“https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js“></script>







1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<body>

    <div id=“div”>

        { {user_name}}

    </div>

</body>

// 两种引入方式，任意选择

<script src=“https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js“></script>

<script src=“./vue.js”></script>

<script>

    var app = new Vue({

        el:‘#div’,  // 设置要操作的元素

        // 要替换的额数据

        data:{

            user_name:‘我是一个div’ 

        }

    })

</script>

发表评论

表情：
评论列表 （有 0 条评论，74人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue简介和用法

    vue简介 MVVM是前端视图层的概念，主要关注于视图层分离 MVVM把前端的视图层，分为了 三部分 Model（数据）, View（视图） , VM ViewMod

    小咪咪小咪咪/ 0 赞/ 66 阅读