vue初尝试-项目结构

新建一个项目之后,我们来看一下项目的目录结构

几个主要文件的内容

index.html文件(入口文件,系统进入之后先进入index.html)

main.js文件(导入相应的模块)

App.vue文件(根组件)

router文件夹下面的index.js文件(前端路由)

模板:

template可以用它去包括一些内容,它本身并不会真正的渲染到dom里面去,可以直接使用template标签包括起来,注意:template里有且只能有一个根标签。

行为:

通过import来跟别的组件进行关联,然后通过

注册一下就可以调用了。

样式:

跟css样式一样,这里不再做说明。可以使用sass语法,但是要在项目中安装一下sass,安装成功之后可以在package.json里面看到对应的信息

项目加载过程

项目开始:index.html ----> main.js ----> App.vue

由index.html入口文件,他会执行main.js文件,main.js会实例化我们的Vue对象,接下来会执行App.vue组件,到了App.vue以后,如果模板有内容的话,他会将模板中的内容插入到index.html的容器当中,也可以在行为属性里设置对应的属性。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180130G0PGSL00?refer=cp_1026

相关快讯

扫码关注云+社区