⑴ vuejs怎麼j實現通過點擊最外層的div而讓最裡面的audio播放
en ，最終是操作dom了，<div @click="document.getElementsByTagName('audio')[0].click();"></div>
⑵ vue.js中怎麼使用類似blur的功能
首先，我們先了解什麼是MVX框架模式？MVX框架模式：MVC+MVP+MVVM1.MVC：Model(模型)+View(視圖)+controller(控制器)，主要是基於分層的目的，讓彼此的職責分開。View通過Controller來和Model聯系，Controller是View和Model的協調者，View和Model不直接聯系，基本聯系都是單向的。用戶User通過控制器Controller來操作模板Model從而達到視圖View的變化。2.MVP：是從MVC模式演變而來的，都是通過Controller/Presenter負責邏輯的處理+Model提供數據+View負責顯示。在MVP中，Presenter完全把View和Model進行了分離，主要的程序邏輯在Presenter里實現。並且，Presenter和View是沒有直接關聯的，是通過定義好的介面進行交互，從而使得在變更View的時候可以保持Presenter不變。MVP模式的框架：Riot,js。3.MVVM：MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel。Model+View+ViewModel。View的變化會自動更新到ViewModel,ViewModel的變化也會自動同步到View上顯示。這種自動同步是因為ViewModel中的屬性實現了Observer，當屬性變更時都能觸發對應的操作。MVVM模式的框架有：AngularJS+Vue.js和Knockout+Ember.js後兩種知名度較低以及是早起的框架模式。Vue.js是什麼？看到了上面的框架模式介紹，我們可以知道它是屬於MVVM模式的框架。那它有哪些特性呢？其實Vue.js不是一個框架，因為它只聚焦視圖層，是一個構建數據驅動的Web界面的庫。Vue.js通過簡單的API（應用程序編程介面）提供高效的數據綁定和靈活的組件系統。Vue.js的特性如下：1.輕量級的框架2.雙向數據綁定3.指令4.插件化Vue.js與其他框架的區別？1.與AngularJS的區別相同點：都支持指令：內置指令和自定義指令。都支持過濾器：內置過濾器和自定義過濾器。都支持雙向數據綁定。都不支持低端瀏覽器。不同點：1.AngularJS的學習成本高，比如增加了DependencyInjection特性，而Vue.js本身提供的API都比較簡單、直觀。2.在性能上，AngularJS依賴對數據做臟檢查，所以Watcher越多越慢。Vue.js使用基於依賴追蹤的觀察並且使用非同步隊列更新。所有的數據都是獨立觸發的。對於龐大的應用來說，這個優化差異還是比較明顯的。2.與React的區別相同點：React採用特殊的JSX語法，Vue.js在組件開發中也推崇編寫.vue特殊文件格式，對文件內容都有一些約定，兩者都需要編譯後使用。中心思想相同：一切都是組件，組件實例之間可以嵌套。都提供合理的鉤子函數，可以讓開發者定製化地去處理需求。都不內置列數AJAX，Route等功能到核心包，而是以插件的方式載入。在組件開發中都支持mixins的特性。不同點：React依賴VirtualDOM,而Vue.js使用的是DOM模板。React採用的VirtualDOM會對渲染出來的結果做臟檢查。Vue.js在模板中提供了指令，過濾器等，可以非常方便，快捷地操作DOM。如何使用Vue.js?1.安裝（1）script如果項目直接通過script載入CDN文件，代碼示例如下：(2)npm如果項目給予npm管理依賴，則可以使用npm來安裝Vue,執行如下命令：$npmivue--save-dev(3)bower如果項目基於bower管理依賴，則可以使用bower來安裝Vue，執行如下命令：$bowerivue--save-dev
⑶ html5中，audio音頻只自動播放一部分，比如10秒到20秒，然後自動暫停請問如何寫，最好有demo，謝謝
varaudio=document.getElementById('audio1');//DOM里id是audio1的audio標簽
varfunc=function(){
if(audio.currentTime>=10){
audio.pause();
audio.removeEventListener("progress",func);//清掉這個事件，防止再也沒辦法繼內續播放容
}
};
audio.addEventListener("progress",func);
⑷ vue.js1.0 和2.0的區別
vue1.0和vue2.0的區別有哪些
一.在每個組件模板，不在支持片段代碼
VUE1.0是:
?
123 <template> <h3>我是組件</h3><strong>我是加粗標簽</strong> </template>
VUE2.0:必須有根元素,包裹住所有的代碼
?
123456 <template id="aaa"> <div> <h3>我是組件</h3> <strong>我是加粗標簽</strong> </div> </template>
二.關於組件定義
VUE1.0定義組件的方式有:
Vue.extend 這種方式，在2.0裡面有，但是有一些改動
?
12345 Vue.component(組件名稱,{ 在2.0繼續能用 data(){} methods:{} template: });
VUE2.0定義組件的方式則更為簡單
?
123 var Home={ template:'' -> 相當於Vue.extend() };
三.生命周期的變化
vue1.0的生命周期為
?
1234567 init ->初始化 created ->創建 beforeCompile ->編譯之前 compiled ->編譯完成 ready √ -> mounted beforeDestroy ->銷毀之前 destroyed ->已經銷毀
vue2.0的生命周期為(標*的為經常用的)
?
12345678 beforeCreate 組件實例剛剛被創建,屬性都沒有 created 實例已經創建完成，屬性已經綁定 beforeMount 模板編譯之前 mounted 模板編譯之後，代替之前ready * beforeUpdate 組件更新之前 updated 組件更新完畢 * beforeDestroy 組件銷毀前 destroyed 組件銷毀後
以上所述是vue1.0和vue2.0的區別介紹，希望對你有所幫助
⑸ 剛用vuejs不久，求一些常用插件，有哪些好用的呢
vux
vant
mint-ui
elementui
iviewui
這些都是比較流行的框架，里邊有你要的組件
⑹ 關於vue播放器的插件有哪些
vue-video-player - VueJS視頻及直播播放器
vue-video - Vue.js的HTML5視頻播放器
vue-music-master - vue手機端網頁音樂播放器
⑺ 如何利用Vue.js庫中的v-show顯示和隱藏元素
v-show是通過其值為true或者false來決定所包含的元素是否顯示。舉例如下：
HTML：
<divid="app">
<pv-show="ok">123</p>
</div>
JavaScript（Vue）：
varvm=newVue({
el:'#app',
data:{
ok:true
}
});默認情況下版運行結果會在頁權面上顯示這個p元素，也就是會出現123字元串。
當我們在控制台中使用vm.ok = false;將其值設置為false後。123字元串將立即消失，即p元素被隱藏了。
⑻ vue.js 2.0 什麼時候發布的
2016年的5月份發布的vue.js2.0，現在最新版本是2.2.6