當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

组件使用中的细节点02

發(fā)布時(shí)間：2024/9/27 编程问答 29 豆豆

生活随笔收集整理的這篇文章主要介紹了组件使用中的细节点02 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

使用is屬性解決bug 頁面

Vue根實(shí)例中除外
在子組件定義data時(shí)，data必須是個(gè)函數(shù)，

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Vue中的列表渲染</title><script src="../vue.js"></script> </head><body> <div id="root"><table><ul><tr is="row"></tr><tr is="row"></tr><tr is="row"></tr></ul></table> </div><script>Vue.component('row', {data: function () {return {content: 'this is row'}},template: '<tr><td>{{content}}</td></tr>'})/*創(chuàng)建了一個(gè)vue實(shí)例*/var vm = new Vue({el: '#root',}); </script> </body> </html>

通過ref獲取dom節(jié)點(diǎn)

總結(jié)

以上是生活随笔為你收集整理的组件使用中的细节点02的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： vue项目使用sass-loader
下一篇：工作流实战_17_flowable 流程