Vue系列教程-01-初识Vue

Vue 是一套用于构建用户界面的渐进式JavaScript框架。

Vue的特点和优势

vue两大特点:响应式编程、组件化。

vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。

vue是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和dom,这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。

vue的缺点

1、VUE不支持IE8

2、生态环境差不如angular和react(没用过不做评价)

入门体验:


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


</head>
<body>
<div id="app">
    {{ message }} <br>
</div>
<!--引入入vue-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    var app = new Vue({
        el: '#app',/*css选择器*/
        data: {
            message: 'Hello Vue!',
        }
    });
</script>
</body>
</html>

前台效果:




    Title
{{ message }}
点赞

发表评论