vue什么哪一年出来的

Vue.js 最初是于2014年由华人开发者尤雨溪(Yevgeniy Brikman)创建的开源项目。

Vue.js是于2014年由尤雨溪（Evan You）开发的一款开源的JavaScript框架。

Vue.js是一种流行的JavaScript框架，由尤雨溪于2014年推出。它的首个版本（1.0版本）于2014年2月发布。Vue.js是一个用于构建用户界面的开源框架，它主要关注MVVM（Model-View-ViewModel）模式的实现。

Vue.js的使用方法

引入Vue.js

在使用Vue.js之前，需要先引入Vue.js的库文件。通常可以通过CDN引入，也可以通过下载Vue.js的压缩版本并引入到项目中。下面是使用CDN引入Vue.js的例子：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

创建Vue实例

使用Vue.js时，首先需要创建一个Vue实例，这个实例可以通过Vue构造函数来创建，具体代码如下：

var app = new Vue({
    // 配置选项
});

在配置选项中，可以设置一些参数和功能，比如数据、方法、计算属性等。

绑定数据

Vue.js支持将数据和DOM元素进行绑定，这样当数据发生变化时，对应的DOM元素也会自动更新。绑定数据的方式有多种，可以通过双大括号插值的方式，也可以通过v-bind指令来绑定属性。下面是一个通过双大括号插值方式绑定数据的例子：

<div id="app">
  <p>{{ message }}</p>
</div>

<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
});
</script>

使用指令

Vue.js提供了许多指令，用于对DOM元素进行操作和控制。比较常用的指令有v-if、v-for、v-on和v-model等。v-if用于根据条件来显示或隐藏元素，v-for用于循环渲染元素，v-on用于绑定事件处理函数，v-model用于实现双向数据绑定。下面是一个使用v-if和v-for指令的例子：

<ul>
  <li v-for="item in items" v-if="item.active">{{ item.name }}</li>
</ul>

<script>
var app = new Vue({
  el: '#app',
  data: {
    items: [
      { name: 'Apple', active: true },
      { name: 'Banana', active: false },
      { name: 'Orange', active: true }
    ]
  }
});
</script>

监听事件

在Vue.js中，可以通过v-on指令监听DOM事件，比如点击、输入等事件。通过v-on指令可以将事件绑定到Vue实例中定义的方法上。下面是一个使用v-on指令的例子：

<div id="app">
  <button v-on:click="increaseCount">Click Me</button>
  <p>Count: {{ count }}</p>
</div>

<script>
var app = new Vue({
  el: '#app',
  data: {
    count: 0
  },
  methods: {
    increaseCount: function() {
      this.count++;
    }
  }
});
</script>

计算属性

Vue.js还提供了计算属性，用于计算和返回基于数据的动态属性值。计算属性可以被视为一个缓存的属性，只有当数据发生变化时才会重新计算。下面是一个使用计算属性的例子：

<div id="app">
  <p>Age: {{ age }}</p>
</div>

<script>
var app = new Vue({
  el: '#app',
  data: {
    birthYear: 1990,
    currentYear: new Date().getFullYear()
  },
  computed: {
    age: function() {
      return this.currentYear - this.birthYear;
    }
  }
});
</script>

总结

Vue.js是一种用于构建用户界面的JavaScript框架。通过引入Vue.js库文件，创建Vue实例，绑定数据，使用指令，监听事件和使用计算属性等方法，可以快速开发出响应式的用户界面。