import vue from 'vue'
// component類似於 export default 的乙個物件
const component = , this.$slots.default)
},data () ,
value: 'component value'}}}
// 再例項化乙個元件
new vue(,
el: '#root',
data ()
},mounted () ,
template: `}`,
render (createelement) ,
[createelement('span', , this.value)
])}})
v-bind繫結的attribute屬性避免使用大寫,因為瀏覽器會將attribute轉化為小寫
computed: 基於快取在依賴的資料(響應式)未變化時,不會重複呼叫,這是相較於呼叫method屬性中的函式的優勢。計算依賴屬性是臨時計算出(v-for)則只能使用method
:class只能存在乙個,可以和class共存
相容不同瀏覽器寫樣式
標籤:在html自定義乙個標籤也會被當作乙個行內標籤渲染,所以template只不過是 vue 裡面的乙個包裹標籤
template上 v-show不會起作用,v-if可以
新增key能夠表示元素是獨立的,即使是同一位置切換的狀態。 同時為每乙個節點提供唯一的key,便於更新維護
v-for:value , [key,] index in/of 陣列/物件
響應式缺陷:陣列(splice、set())、物件(set)
資料更新渲染是非同步的:
vm.message = 'new message' // 更改資料
在main.js中引入 .vue檔案 需要在vue中 export default{}
vm.$el.textcontent === 'new message' // false
vue.nexttick(function () )
、、和
內部只能出現指定特殊元素,如果想讓自定義vue元件放進去:
table會被刪掉,your-vue元件會提到外層,
事件:給method傳參原生事件@click="click($event)"
事件修飾符:......
在表單中,v-model/v-bind(動態)繫結的是標籤值得變數,value是變數對應的值,id是唯一識別符號,乙個標籤只有唯一的3者。當選中的時候會將對應的value賦值到對應v-model/v-bind的變數上
表單修飾符:.lazy .number .trim
元件全域性註冊vue.component
、new vue() 區域性註冊:var component = {} \ .vue檔案
this.\(emit(),父元件中可以通過\)event訪問到第二個後續的引數
html裡面 attribute是不區分大小寫的,其屬性得改為『短橫線分隔命名法』
\(attrs代表爺爺傳遞的值而父元件中未使用剩下來的屬性。\)listener代表父元件上所有繫結的事件(用於在子元件中合適的位置觸發)
插槽裡面的作用域問題:父元件無法訪問子元件中的資料
作用域插槽解決了上述問題,在子元件中 v-bind繫結響應資料即可
v-slot只能放在template或自定義元件上, slot跟作用域、slot-scope跟子元件變數(slot跟slot-scoped成對出現)
this.\(options獲取當前元件(vue物件)上的所有屬性(name、data、prop),列印`this.\)options`在proto原型鏈上可以看到
inline-template
寫自定義元件名字的時候出現在自定義包括範圍內的都是其template
x-template
將自定義元件的模板單獨定義在script標籤中
render
渲染函式:第乙個引數預設是createelement
new vue(
VUE安裝及報錯 num ERR
django.t.taobao.com,dns alicdn.com解決方法如下 1.1.首先執行以下兩個語句 config set strict ssl falsenpm install g supervisor1.2.然後更換npm的安裝源,方法如下 registry.npm.taobao.or...
vue元件劃分注意點
如何實現元件化 基礎元件主要指那些本身不包含任何業務邏輯 可以被輕鬆復用的元件,例如 picker timepicker toast dialog actionsheet 等等.基礎元件的通訊基本就是往元件傳入 prop,並監聽元件 emit 的事件。業務元件主要指那些包含業務邏輯,包括一些與後端介...
vue 使用watch監聽注意點
1.1 watch 監聽不到 obejct物件的變化 在專案中,當我們需要監聽乙個物件的改變時,普通的watch方法無法監聽到物件內部屬性的改變,只有data中的資料才能夠監聽到變化,此時就需要deep屬性對物件進行深度監聽。解決方法 此時可以設定監聽物件的deep ture。來實現監聽到物件屬性的...