目录
1. 简介
vue是一套用于构建用户界面的渐进式框架,使用Vue,可以完全载浏览器渲染页面,服务端只提供数据,可以非常方便的构建单方面应用。
2. 地位
vue相对于React、Angular更轻便、语法简单、不存在依赖、能够双向书记处绑定且使用范围广(适用于大中型项目,PC,移动端,混合开发)的优点。
3. vue与React、Angular两者的区别
Vue & React | 都采用虚拟DOM,React的生态系统更庞大,由ReactNative来进行混合开发,Vue更加轻量级 |
Vue & Angular | 语法非常相似,Vue没有Angular深入开发,只保证了基本功能,Vue的运行较快 |
4. vue在单页面应用的优势和劣势
vue对于单页面应用的优势在于能够局部刷新、专场动画容易试下并且数据传递更加容易实现;而劣势在于开发成本高,需要专业框架;
5. vue.js的声明式渲染
<div id="app">
{{ message }}
</div>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
在前端页面中显示:
Hello Vue!
6.vue.js 中常见的侦听器
computed | 初衷用于模板内的简单运算,如果涉及到数据的运算就写到computed中 |
methods | 放置一些函数方法,多用于事件方法 |
watch | 监听data中某个属性的变化 |
7. vue.js中特定条件触发的函数(钓子函数)
beforeCreate | 在实例初始化之前 |
created | 实例创建完成后调用,注意这个时候挂载未开始 |
beforeMount | 挂载开始前调用 |
mounted | 挂载完毕后调用 |
beforeUpate | 数据更新时调用,在数据渲染前 |
updated | 更新完毕 |
activated | keep-alive组件激活时调用 |
deactivated | keep-alive组件停用时调用 |
beforeDestroy | 实例销毁前调用 |
destroyed | 实例销毁后调用 |