vue项目中main.js、vue.js和index.html的

2018-03-12 本文已影响5546人月夜一千

最近在学习vue.js，当创建好一个webpack 项目后，vue实例是怎么显示到网页上的呢？

新建好后在你的 webpackProject 项目里面主要有以下的文件夹

build：在开发阶段不用管

config：配置目录

node_modules：存放项目开发的依赖模块

src：开发目录，先在这里学习

static：静态资源，图片、字体可以放在这里

还有一个index.html 文件，这是首页的入口

src文件夹下有 App.vue 和 main.js 两个文件，App.vue就是个组件

app.vue

App.vue中可以写 <template> 、js、<style>，其中必须要有export default 来表示对外输出本模块

main.js是初始化vue实例并使用需要的插件

main.js

首先引入了Vue库和App.vue，创建了一个vue实例，template 和 components 写入相应的组件，并且选择要挂载的元素

最后在首页 index.html中写入

<body>

</body>

即可；

—— 在简书中记录我的学习情况，以后继续深入 ——