前端框架:Angular,React,Vue

Vue是前端框架,它结合了前两个框架的优点:轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用

'''
轻量级:压缩之后只有20KB大小
中文API:开发者是中国人,开发文档也是中文,对国人友好,简单易学
数据驱动、双向绑定、MVVM:响应式数据绑定,数据驱动视图,自动的对视图中某些数据的改变做出同步的响应
组件化开发:将一个页面拆分成一个个模块(标签),通过对一个个标签传入指定的参数,从而控制整体的页面
单页面应用:不需要重复渲染页面,跳转同级页面只需要修改其中的数据即可,运行速度更快
'''

Vue开发环境:可以是本地导入,也可以是cdn导入

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue的导入</title>
</head>
<body>
<div class="main">
    123
    {{ }}
    abc
</div>
</body>
<script src="js/vue.js">// 直接导入 </script>
<!--<script src="https://cn.vuejs.org/js/vue.js">// cdn导入 </script>-->
<script>
    new Vue({
        el: '.main'
    })
</script>
</html>
直接导入和cdn导入

相关文章: