首页 > 其他分享> > HTML基础四-VUE

HTML基础四-VUE

2019-12-15 09:56:45 作者：互联网

一、VUE

1.1 Vue简介

VUE与JS的区别

VUE在JS的基础上进行了优化

增加VUE最强大的特点，对数据操作特别的友好

（1）简洁（2）轻量（3）快速（4）数据驱动（5）模块友好（6）组件化

不失优雅

Vue虽然是一个比较轻量级的框架，简单轻量的同时还非常的人性化，其提供的API也是非常的容易理解，同时也提供了一些很便捷的指令和属性。

1.2 Vue基础写法

一个最基础的实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
    <!--模板语言-->
        {{msg}}
    </div>
<!--引用外网js文件-->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
    // 最基础实例Vue的方法
    var vm = new Vue({
        // 元素
        el:'#app', // 引用上面APP属性
        // 存储数据
        data:{
            msg:'hi vue!'
        }  // 对数据操作特别友好
    })
</script>
</body>
</html>

标签：VUE,基础,Vue,JS,HTML,msg,轻量,友好
来源： https://www.cnblogs.com/zibinchen/p/12042016.html