vue 挂载在html 中_01.新手入门vue之Hello World

课程目标

在页面上显示出Hello World文字

实现步骤

1.引入vue.js文件

2.实例化一个Vue对象

3.指定Vue对象的作用域

4.在data中显示的初始化页面数据

5.用{ {}}展示数据

实例代码

    Document

{ {msg}}

{ {methodsMag}}

Vue实例选项详解

1.new Vue({})

实例化一个Vue对象参数是一个对象

2.el作用：

指定vue实例的作用域，通常是id选择器、类选择器 如 #app 或 .app

不能指定vue实例对象的作用域到html或者body标签，挂载到body和html，将会报如下