Vue.js 教程

本文档配有vue视频教程,链接请点击: vue视频教程

Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

阅读Vue.js教程前,您需要了解的知识:

HTML CSS JavaScript

第一个实例

完整代码如下:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>Vue.js 第一个实例</title>
    <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
  <p>{{ message }}</p>
</div>	
</body>
<script>
new Vue({
  el: '#app',
  data: {
    message: '欢迎来到,xinbiancheng.cn,学习Vue.js'
  }
})
</script>
</html>

 

Vue.js第一个实例显示结果如下:

 

Vue.js第一个实例显示结果图片
本文档配有vue视频教程,链接请点击: vue视频教程