VueJS惯例和范围

时间:2018-03-02 13:39:15

标签: vue.js vuejs2 vue-component

我查看了论坛上的文档......我想知道这个:

  • 当我创建具有范围样式的组件时。我应该为我的DOM使用类或ID吗?我更喜欢ID,因为这个元素是独一无二的。

    例如:

    +--------+---------+------------+-----------+-----------+-----------+
    | siteId | userId  | timestamp  | eventType | productId | other ... |
    +--------+---------+------------+-----------+-----------+-----------+
    |      1 | Value 2 | 1501234567 | view      | abc       |           |
    |      1 | cols    | 1501234568 | purchase  | abc       |           |
    +--------+---------+------------+-----------+-----------+-----------+
    
  • 组件的方法必须用$ _mycomposant_methods作为前缀,还是可以直接写方法?

  • 计算相同吗?

我想,在编译(webpack)时,每个组件都是作用域的,但我希望确保避免边缘效应。

谢谢

2 个答案:

答案 0 :(得分:0)

你也不需要。 Vue将自动处理范围并为组件提供唯一的数据哈希值,然后用于编写css。它真的很好用。试一试;)

您的方法和计算属性正常工作。无需照顾。

答案 1 :(得分:0)

对于第一个问题,我认为你应该继续使用课程 虽然在组件范围的CSS的帮助下,您不必担心其他组件的干扰。样式表,所有模板仍将合并为一个文档。 Vue.js只是为元素添加了唯一的数据属性,它并不能保证您定义的每个id的唯一性。
因此,为了保持灵活性并避免潜在的麻烦,遵循HTML的规范将是明智的选择,这意味着如果wrapper多次出现在HTML文档中,则将std::string保留为类。

对于第二个和第三个问题,我更喜欢保持方法名称易于阅读和理解。所有JavaScript代码都将被缩小和修改,因此无需添加任何前缀。