什么是Vue.js

目录

1. 简介

2. 地位

3. vue与React、Angular两者的区别

4. vue在单页面应用的优势和劣势

5.  vue.js的声明式渲染

 6.vue.js 中常见的侦听器

 7. vue.js中特定条件触发的函数(钓子函数)


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更新完毕
activatedkeep-alive组件激活时调用
deactivatedkeep-alive组件停用时调用
beforeDestroy实例销毁前调用
destroyed实例销毁后调用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值