初识 VUE.js

2020-12-05 | 0 浏览 | 0 评论

什么是Vue

Vue.js是目前比较流行的MVVM前端框架。借鉴了Angular 、React等现代前端框架/库的诸多特点，Vue.js框架本身涉及的技术包含：响应式编程、声明式渲染、组件化开发、虚拟DOM、跨平台支持.........

Vue.js的定位是一个渐进式框架，作者的说法是：

与其他框架的区别就是渐进式的想法，也就是**Progressive，**渐进，一步一步，不是说你必须一竿子把所有的东西都用上。

版本选择：Vue.js主要分1.x和2.x版本，机制差不多，语法有些区别，2.x比1.x更加完善，一般没有特殊情结下，选择2.x。PS: 学习Vue.js，欢迎移步官网。

vue的优缺点

优点：

轻量级的框架
双向数据绑定（如图1）
易上手，便于与第三方库或既有项目整合

缺点：

Vue2.0只支持IE8以上的浏览器(其实，这个也不能算缺点，IE8以下必须抛弃)
真的好像没有啥大缺点了

如何使用Vue

引入vue.js库

<script src="vue.js"></script>

这将暴露出一个全局类——Vue，你可以用它来创建一个Vue实例。

vue-cli，用webpack搭建vue项目（重点）
入门Demo

<script src="vue.js"></script>   //引入vue.js文件


<div id="app">
  {{ message }} //模板绑定数据的其中一种方法
</div>


var app = new Vue({            // 创建Vue实例
  el: '#app',     // el属性：把当前Vue对象挂载到 id为#app的元素上
  data: {         // data: 是Vue对象中绑定的数据
    message: 'Hello Vue!'   // message 自定义的数据
  }
})

Vue实例生命周期

请成为永远疯狂永远浪漫永远清澈的存在。

前端