码迷,mamicode.com
首页 > 其他好文 > 详细

vue小知识点汇总

时间:2019-07-09 23:41:25      阅读:239      评论:0      收藏:0      [点我收藏+]

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

  • 对数组的改变不能使用数组索引,只能用这几个方法: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)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!