• 章节:38
  • 访问:732
  • 时长:00:11:40
  • 日期:2019-07-05 11:47

理解 import 和export

理解vue的结构

vue 就好像一棵树一样 从app.vue 开始

下面是几个重要的文件

index.html

App.vue

main.js

我们先从main.js 开始

main.js 有一个

import App from './App.vue'

引入app.vue 文件 并且名称改为app

然后

new Vue({

render: h => h(App),

}).$mount('#app')

然后把解析出来结构 替换到index.html 的

<div id="app"></div>

所以 index.html 相当于一个总的html母版

mian.js ---->index.html----> app.vue--->helloworld.vue--->xxx

然后我们看到app.vue 里面有一个

export default {

这个就相当于导出

一边export 一边import

name 相当于类名

data()  相当于字段

cpmputed 相当于 属性

methods 相当于方法函数

created() 相当于构造函数