Vue.js基础

Vue.js

**

介绍

学习前所具备的知识：
具备一定的HTML，css，JavaScript基础.

**

开始

vue初始：

1. 导入 开发版本 的Vue.js
2. 创建Vue实例对象，设置 el 属性和 data 属性
3. 使用简洁的模板语法把数据渲染到页面

//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的语法即可