vue小知识点汇总

时间：2019-07-10 01:28:17 阅读：130 评论：0 收藏：0 [点我收藏+]

对数组的改变不能使用数组索引，只能用这几个方法：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小知识点汇总

原文：https://www.cnblogs.com/feiyangyao/p/11161230.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)