vuejs课程简介及框架简介

 

vuejs准备知识：

1、前端开发基础 html css js
2、前端模块化基础
3、对es6有初步的了解

 

vuejs是一种轻量级的MVM框架，他吸收了react和angular的优点,强调react组件化的概念，可以轻松的实现数据和展现的一个分离，也吸收了angular灵活的指令和页面操作的一些方法

https://cn.vuejs.org/

这是vuejs的官网，对中文的支持非常好，包括社区，示例，博客，都有中文的版本，这是因为vuejs的作者是中国人，但这不能证明vuejs在国际上的知名度会比较低，恰恰相反，vuejs在国际上是非常有潜力的框架，我们看几个vue的几个简单的示例

 

示例:

html

<div>
　　<p>{{message}}</p>
　　<input v-model="message">
</div>

js

var demo = new Vue({
　　el:'#demo',
　　data:{
　　　　message:'Hello vue.js!'
　　}
})

{{message}}是一种常用的模板的渲染方式，这个message就是js里面新建的vue对象的data里面的message

v-model是一个指令，这个指令的意思是将message这个字段关联到input里面，当修改input里面的文案的时候，p标签里面的文案也会跟着变动，这就是双向绑定的一个实现

 

双向绑定

在页面上进行的输入，会绑定到js代码里面到message,js里面message的变动也会体现在调用message的地方，这就是所谓的双向绑定