Vue.js
**
介绍
学习前所具备的知识:
具备一定的HTML,css,JavaScript基础.
**
开始
vue初始:
- 导入 开发版本 的Vue.js
- 创建Vue实例对象,设置 el 属性和 data 属性
- 使用简洁的模板语法把数据渲染到页面
//Vue.js 的核心是一个允许采用简洁的模板语法来声明式
//地将数据渲染进 DOM 的系统:
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
el:挂载点
- el是用来设置Vue实例挂载(管理)的元素
- Vue会管理el选项命中的元素及其内部的后代元素
- 可以使用其他的选择器,但建议使用ID选择器
- 可以使用其他双标签但不可使用 HTML和Body
data :数据对象
- vue中用到的数据定义在data中
- data中可以写复杂类型的数据
- 渲染复杂类型数据时,遵循js的语法即可