用原生js和vue元件寫乙個簡單的toast

樣式檔案 toast.css

.toast 

複製**

import './toast.css'

export
function toast(options) 
const = options
console.log(title)
var div = document.createelement('div')
div.classlist.add('toast')
div.innertext = title
var timer
timer = settimeout(function
(), duration)
}複製**

"toast">

}複製**

import vue from 'vue'

import toastcom from './index.vue'
const toastconstructor = vue.extend(toastcom)
function toast (options) 
const instance = new toastconstructor()
const toastdom = instance.$mount().$el
var timer = settimeout(()=>, options.duration)
}export default toast
複製**

import toast from './components/toast/'

vue.prototype.$toast = toast
複製**

乙個用 vue 寫的樹層級元件 vue ztree

最近看了大神的關於vue ztree的部落格，感覺很讚，於是摘抄下來，方便自己學習，機智girl,哈哈哈o o 最近由於後台管理專案的需要，頁面需要製作乙個無限樹的需求，我第一感就想到了外掛程式 ztree，不過我覺得它太大了，還是自己動手豐衣足食吧。我拿來了 ztree的樣式庫，自己動手寫的演算法...

用原生js實現乙個new？

js 還沒執行的時候，js 環境裡已經有乙個 window 物件了，window 物件有乙個 object 屬性，window.object 是乙個函式物件，window.object 這個函式物件有乙個重要屬性是 prototype，window.object.prototype 裡面有 tost...

如何寫乙個Vue元件

寫的是以.vue結尾的單檔案元件的寫法，是基於webpack構建的專案。template 模板 js 邏輯 css 樣式 每個元件都有屬於自己的模板，js和樣式。如果將乙個頁面比喻成一間房子的話，元件就是房子裡的客廳 臥室 廚房 廁所。如果把廚房單獨拿出來的話，元件又可以是刀 油煙機.等等。就是說頁...