Vue实例呈现约定

时间:2017-03-16 13:25:00

标签: vuejs2 vue-loader

在Vue模板示例中,常见的约定是将this.stack = new double[default_capacity]; 文件作为Vue实例,然后呈现导入的main.js组件。为什么这样?我可以想到两个原因,但我想知道是否存在“官方”原因。

  1. Vue实例和Vue组件API略有不同(例如。App.vue格式)。这种方法可以最小化在Vue实例中编写的代码。

  2. 如果使用data,您可以将vue-loader<template /><script />标记合并到<style />组件中已经App.vue)。

  3. 还有更多理由吗?

    参考:

    vuejs-templates/webpack-simple

1 个答案:

答案 0 :(得分:0)

每个文件都应该有单独的责任

分割性质不同的任务通常是一个好主意 - 这里我们有两种情况:

  • 声明并导出组件
  • 导入和渲染

正如我们所看到的,这些是完全不同的,因此不应该在一个地方完成。你也应该问&#34;为什么我这样做&#34;与&#34;我为什么要这样做&#34 ;;似乎这个惯例是设计的(仅基于小例子),但在具有中等到大的代码库的项目中,它有助于可维护性。

那么,考虑到微观时间成本和违反惯例,你有什么理由不这样做吗?

关于纯模块的说明

根据副作用分析案例,我们有:

  • 声明并导出组件,不会影响其他模块
  • 渲染导入的组件,因此引入副作用

我们可以看到,第一个模块是,第二个模块不是 保持的操作在一个地方引入副作用通常是一个好主意。