-
v-html="vue的值"? 如果值包含html 的標(biāo)簽 顯示出來會(huì)隱藏掉
v-html ="vue的值" 值是什么就輸出什么 包括html代碼
查看全部 -
scoped 樣式修飾符：控制樣式作用域
保證所加的樣式只對(duì)當(dāng)前組件起作用，不會(huì)影響其它組件樣式。
查看全部 -
創(chuàng)建全局組件方法：
vue.component('todo-item',?{template:'<li>item</li>'})?局部組件方法：
var?TodoItem?=?{template:?'<li>item</li>'} 然后在vue實(shí)例中聲明組件：component:?{'todo-item':?TodoItem}查看全部 -
子組件通過props屬性接收父組件傳遞的值。
查看全部 -
全局安裝vue-cli:
$ npm install -g vue-cli
創(chuàng)建一個(gè)基于webpack模板的新項(xiàng)目
$ vue init webpack project-name
安裝依賴
$ cd project-name
$ npm run dev
查看全部 -
vue真強(qiáng)大！
查看全部 -
這個(gè)功能真好！
查看全部 -
單文件組件編碼方式：
在一個(gè).vue文件中，寫組件所需要的template, script, style內(nèi)容。
查看全部 -
父組件向子組件傳值的時(shí)候是通過屬性的方式傳遞。
觸發(fā)一個(gè)事件
this.$emit(事件名，傳值);?
查看全部 -
每個(gè)組件都是一個(gè)Vue實(shí)例！
查看全部 -
子組件接受父組件的傳值，需要把相應(yīng)的變量在子組件的props屬性中注冊(cè)。
查看全部 -
v-if和v-show的區(qū)別在于：
v-if隱藏元素時(shí)，會(huì)把元素從dom樹刪掉，而v-show會(huì)給元素加一個(gè)樣式display:none。如果顯示隱藏頻率高，則行行選擇用v-show效率會(huì)高，如果頻率很低，則可以用v-if。
使用v-for時(shí)，給第一項(xiàng)增加一個(gè):key屬性，可以提升性能
查看全部 -
每一個(gè)wue組建都是一個(gè)wue的實(shí)例
查看全部 -
使用v-for時(shí)加:key=""（每個(gè)循環(huán)中每一項(xiàng)key值都要唯一）的屬性，會(huì)提升每一項(xiàng)渲染的性能，
如：<ul id="root">
<li v-for="(item,index) of list" :key="index">{{item}}</li>
? ? </ul>
new Vue({
? ? ? ? ? ? el: "#root",
? ? ? ? ? ? data: {
? ? ? ? ? ? ? ? items: [1, 2, 3]
? ? ? ? ? ? }
? ? ? ? });
如果需要頻繁對(duì)列表進(jìn)行變更，則此時(shí)用index就會(huì)出現(xiàn)問題了,要換成其它唯一的值。
查看全部 -
v-if和v-show的區(qū)別：
v-if：控制DOM的存在與否，直接創(chuàng)建、刪除DOM元素;
v-show:控制DOM的顯示與否，只給DOM元素增加、去掉display:none的樣式;
頻繁顯示、隱藏元素用v-show性能會(huì)更高，只做一次顯示、隱藏，用v-if會(huì)更好。
查看全部
舉報(bào)