1、Vue实例
1、每个 Vue 应用都是通过用 Vue
函数创建一个新的 Vue 实例开始的:比如我们在下面这个例子中如果使用浏览器打开,我们在控制台输入vm.$data、vm.$el都能打印出响应的内容。在一个Vue实例中,像el,data,methods....还有很多,都叫做Vue的实例属性。这些实例属性都能通过 { 实例名.$实例属性名 }这种方式得到。
2、实际上每个组件都是一个Vue的实例,或者说一个Vue的项目都是由一个个的Vue的实例模块组成。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">
<div @click="handleBtnClick">
{
{message}}
</div>
<item></item>
</div>
<script>
Vue.component("item", {
template: "<div> hello world </div>",
})
var vm = new Vue({
el: '#root',
data: {
message:'hello world',
},
methods: {
handleBtnClick: function() {
alert('hello');