第一讲:接触Vue.js
Hello,world!
Vue对象
Vue.js里已经定义了Vue对象,用于实现MVVM,对象里包括el和data。
1. el
用于挂载元素
2. data
用于定义数据
2. methods
用于定义方法
代码
<script src="../js/vue.js"></script>
<body>
<div id="app">{{message}}</div>
</body>
<script>
// let (变量)/const(常量)
const app = new Vue({
el: '#app',
data: {
message: 'Hello, world!'
}
})
</script>
编程范式
编程范式:
- 命令式:js
- 声明式:vue
- 响应式
- 移动开发:手机样式
- 网站开发:数据传输
小结
It is my first step to learning Vue.js. I hope I will keep!