henryspace

记录精彩的程序人生 开始使用

初识 VUE.js

什么是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

  1. 引入vue.js库
<script src="vue.js"></script>
这将暴露出一个全局类——Vue,你可以用它来创建一个Vue实例。
  1. vue-cli,用webpack搭建vue项目(重点)
  2. 入门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实例生命周期

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

评论
留下你的脚步
推荐阅读