浅谈vue框架

Vue干货 小白 暂无评论

vue概述:

vue是一套构建用户界面的渐进式框架

渐进式(进件增强)

vue全家桶:vuejs+vue-router+vuex+axios

渐进式的理解:

声明式渲染

组件系统

客户端路由(vue-router)

大规模状态管理(vuex

构建工具(vue-cli)

VUE 的核心

响应的数据变化

当数据发生改变->视图的自动更新(不在需要去操作DOM)

组合的视图组件

UI页面映射为组件树

划分组件可维护、可复用、可测试

MVVM模式(双向绑定)(angular,vue):

M:Model数据模型
V:view 视图模板
VM:view-Model视图模型
1517214621196.png

]58}P}2G8BL5~[BFBDCDPV.jpg

vue 安装

1.cdn安装

npm init -y 
初始化差生一个packge.json文件,这个文件用来描述项目的依赖
生成一个json文件(不能添加注释)

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

案例(HelloWorld):

<div id="app">
    <!--moustache 小胡子语法 表达式 赋值 取值 三元运算符-->
    {{msg}}
</div>  
<script src="引入js文件"></script>
<script>
    //引入vue后会白给一个vue构造函数
    var vm=new Vue ({  //vm==viewModel
        el:"#app",   //告诉vue能管理那个部分,querySelector
        data:{  //data 中的数据会被vm所代理
            msg:"hello"  //可以通过vm.msg去到对应的内容
        }
    }) //Object.defineProperty
</script>


转载请注明: Vue教程中文网 - 打造国内领先的vue学习网站-vue视频,vue教程,vue学习,vue培训 » 浅谈vue框架

喜欢 ()or分享