vue小知识点汇总

时间：2019-07-09 23:41:25 阅读：239 评论：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小知识点汇总

标签：html 若是 ble obj cti list 循环 ret body

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行