hello Vue

1.Vue的简介

1. Vue是一款构建用户界面的渐进式框架. Vue被设计为可以自底向上逐层应用.

2. Vue的核心是只关注视图层,不仅易于上手,而且便于与第三方库或者既有项目整合.

3. 另一方面,当与现代化的工具链以及各种类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动.

2.Vue的安装方式

1.使用cdn方式安装

开发版本环境.包含了有帮助的命令行警告
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
生产版本环境,优化了尺寸和速度
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

2.下载Vue.js代码,通过将1的网址打开,右键另存即可.
3.使用NPM(在用Vue构建大型应用时候推荐使用NPM)

npm  install vue

3.声明式渲染

Vue.js的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进DOM的系统.(一处将其数据或者方法 data or methods声明 另一处拿来即用 方便快捷 )

  <div id ="app">
  {{message}}
  </div>
  
  var app = new Vue({
    el:"#app",
    data:{
      message:"声明式渲染使我们的代码简洁明了"
    }
  })

此时我们已经成功创建了第一个Vue应用! Vue将数据和DOM建立了关联,所有的东西都是响应式的.使用app.message=’'即可发现上例得到更新.