资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/1-1. Vue.js核心知识之实例简介

1-1. Vue.js核心知识之实例简介

amuqiao / 2728人阅读

摘要：的核心库只关注视图层，易于上手，便于与第三方库或既有项目整合。全局注册全局注册组件我的组件创建根实例渲染后的我的组件总结本节学习的核心知识点莫过于模板渲染表单绑定事件处理组件化这几点了，下面我们针对每一个知识点细细学习。

Vue.js是什么

Vue.js是一套用于构建用户界面的渐进式框架。Vue.js的核心库只关注视图层，易于上手，便于与第三方库或既有项目整合。Vue.js与现代化的工具链以及各种支持类库结合使用时，能够为复杂的单页应用提供驱动。

使用准备

创建一个demo.html文件，并引入vue.js




 
 Vue
 


开始学习使用vue.js了
模板渲染

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：




 
 Vue
 




 {{ message }}



 var app = new Vue({
  el: "#app",
  data: {
   message: "Hello Vue!"
  }
 })
表单绑定

我们可以用 v-model 指令在表单 及