vue注意點及報錯整理

2022-07-15 18:27:11 字數 2206 閱讀 4314

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。來實現監聽到物件屬性的...