vue初尝试--项目结构(推荐)

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的容器当中，也可以在行为属性里设置对应的属性。

总结

以上所述是小编给大家介绍的vue初尝试--项目结构。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!