<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ## is html5規定tbody里面必須是tr標簽,否則是錯誤的.通過is. ul,ol,select都需要使用這種方式,否則出現bug. ``` <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 a row</td></tr>' }) var vm = new Vue({ el: '#app', }) </script> ``` ## 子組件中的data不能是對象 ``` <div id="app"> <table> <tbody> <tr is="row"></tr> <tr is="row"></tr> <tr is="row"></tr> </tbody> </table> </div> <script> Vue.component('row',{ data:function(){ //除了根組件,其他所有子組件中的data都必須是函數才行.因為子組件會被調用多次,每個子組件都應該有自己的數據.不會出現子組件互相影響的情況. return { content:'hello' } }, template:'<tr><td>{{content}}</td></tr>' }) var vm = new Vue({ el: '#app', }) </script> ``` ## 使用ref操作DOM 在開發中不可能完全不操作dom,所以vue提供了ref方法. ``` <div id="app"> <!--引用的名字叫hello--> <div ref="hello" @click="handleClick">hello world</div> </div> <script> var vm = new Vue({ el: '#app', methods:{ handleClick:function () { console.log(this.$refs.hello); //這里的$refs是所有的引用 } } }) </script> ``` ## $refs 求值 $refs就是全局添加了ref的引用.利用$refs.xxx就可以獲取DOM元素 ``` <div id="app"> <counter ref="one" @change="handleChange"></counter> <counter ref="two" @change="handleChange"></counter> <div>{{total}}</div> </div> <script> Vue.component('counter', { data: function () { return { number: 0, } }, template: '<div @click="handleClick">{{number}}</div>', methods: { handleClick: function () { this.number++; this.$emit('change') } } }) var vm = new Vue({ el: '#app', data: { total: 0, }, methods: { handleChange: function () { this.total = this.$refs.one.number + this.$refs.two.number; } } }) </script> ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看