mainjs文件

main.js

1
2
3
4
5
// main.js
import { createApp } from 'vue'

// 创建应用,传入配置对象,mount进行挂载关联页面元素
createApp(App).mount('#app')

直接导入了方法,不需要像单文件一样使用Vue调用方法

数据的双向绑定,数据对象属性改变,页面数据也会跟着改变

组件实例

data 里定义的 property ,通过组件实例来访问

1
2
3
4
5
6

const app = createApp(App);

const vm = mount('#app');

vm.name // data对象的属性