经过前边的学习,差不多对webpack有了一个比较基本的了解。总的来说可以认为它是一个集成开发环境,一个编译器。接下来正式开始对 Vue 的学习了,
Vue 是什么
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。
demo
- vue-demo
- index.html
- vue.js
index.html
<html>
<head>
<title>
Vue start
</title>
</head>
<body>
<div id="app">
{{message}}
<br>
<span v-bind:title="message">测试事件绑定</span>
<input width="90px;">
</div>
</body>
</html>
<script src="vue.js"></script>
<script type="text/javascipt">
var app = new Vue({
el:"#app",
data:{
message: 'Hello Vue'
}
});
document
</script>
组件化应用构建
组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。
数据与方法
当一个 Vue 实例被创建时,它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。