我是全局組件
這里需要注意：
1.全局組件必須寫在Vue實例創(chuàng)建之前，才在該根元素下面生效；
eg:
這樣只會渲染app1根元素下面的，并不會渲染app根元素下面的，并且會報錯。
2.模板里面第一級只能有一個標簽，不能并行；
這樣子會報錯，并且只會渲染第一個標簽h2;我們應該這樣子寫：
局部組件注冊方式，直接在Vue實例里面注冊
eg:
局部組件需要注意：
1.屬性名為components，s千萬別忘了;
2.套路比較深，所以建議模板定義在一個全局變量里，代碼看起來容易一點，如下：（模板標簽比較多的時候，這樣子寫更加簡潔規(guī)整）
關于組件中的其他屬性，可以和實例中的一樣，但是data屬性必須是一個函數：
eg:
顯示結果：
全局組件和局部組件一樣，data也必須是一個函數：
顯示結果：
當使用 DOM 作為模板時 (例如，將el選項掛載到一個已存在的元素上)，你會受到 HTML 的一些限制，因為 Vue 只有在瀏覽器解析和標準化 HTML 后才能獲取模板內容。尤其像這些元素，自定義組件is屬性：
eg:
渲染結果為：
對于全局與局部的作用域問題，我們可以這樣理解，只要變量是在組件內部用的，這些變量必須是組件內部的，而在外部html結構中引用的變量，都引用的是該掛載下的實例里面的變量
eg:
彈出框顯示：我是局部
Vue中所謂的全局指的是該掛載下的區(qū)域；
下面這種做法是錯誤的，按我的想法覺得應該會彈出：我是全局，但是卻報錯，也就是說組件處于全局下不可以添加默認事件，要用全局的事件函數，必須父子通信
額外話題：
1.函數return后面必須跟返回的內容，不能換行寫
eg:
下面這種寫法不會返值回來：
2.Vue和小程序等一樣，采用es6的函數寫法，this指向是不一樣的
ES5
ES6
結果：
第一個this指的是Vue實例
第二個this指的是Window
由于它和小程序不一樣，我發(fā)現在data里面this指的是window，在methods里面this才是Vue實例
所以建議大家用es5寫吧
new Vue({
el:"#app1",
data:{that:this},
})
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創(chuàng)新互聯行業(yè)資訊頻道，感謝您對創(chuàng)新互聯的支持。
http://weahome.cn/article/pjpgcp.html
在線咨詢
微信咨詢
電話咨詢
028-86922220（工作日）
18980820575（7×24）
提交需求
返回頂部
重慶分公司
重慶分公司
