vue小知识点汇总

Posted 2022-03-31 feiyangyao

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue小知识点汇总相关的知识，希望对你有一定的参考价值。

对数组的改变不能使用数组索引，只能用这几个方法：push, pop, shift, unshift, splice
模板占位符<template></template>：可以包裹一些元素，在循环的过程中并不会被渲染到页面上
```
<template v-for="item in list">
      <div>item</div>
 </template>
```
html对象的遍历：v-for = "(item,key) of obj"
Vue.set()方法等于实例.$set()，可以改变数组，对象

H5的规范中表格tbody下写tr，但是模板也是tr，模板要替换原来的tr，标签上增加is属性<tr is="row"></tr>(组合标签增加is)

  <body>
    <div id="app">
      <table>
        <tbody>
          <tr is="row"></tr>
          <tr is="row"></tr>
          <tr is="row"></tr>
        </tbody>
      </table>
    </div>
    <script>
      Vue.component("row",
        template:"<tr><td>this is row</td></tr>"
      );
      var app = new Vue(
        el:‘#app‘,
      )
    </script>
  </body>

实例化new Vue中data可以是一个对象，其他（例如组件）中data必须是一个函数，并且有返回对象，子组件多个地方调用，值不会互相影响

      Vue.component("row",
        data:function()
          return 
            content:"this is row"
          
        ,
        template:"<tr><td>content</td></tr>"
      );

标签中ref（引用）属性：在原生标签中(例如：<div ref="one"></div>)，通过this.$refs.one获取的是dom元素，若是在组件标签中使用（例如：<item ref="two"></item>）,通过this.$refs.two获取的是组件的引用

以上是关于vue小知识点汇总的主要内容，如果未能解决你的问题，请参考以下文章