Vue是一個漸進式JavaScript框架,核心庫只關注視圖層,易于上手,容易與其它庫或已有項目整合。Vue 2.9是Vue的最新版本,它增加了許多新特性和改進了許多已有功能。
一大改進是對自定義指令的支持增強。在Vue 2.9中,自定義指令現在可以接受縮寫,同時支持修飾符和參數,代碼如下:
Vue.directive('my-directive', { bind(el, binding, vnode) { //邏輯 } }) //現在支持縮寫 Vue.directive('my-directive', function(el, binding, vnode) { //邏輯 }) //支持修飾符和參數
Vue 2.9還增加了一些有用的實用工具函數。例如,現在可以使用Vue.observable()將一個對象轉換為可響應式對象:
const vm = Vue.observable({ count: 0 }) vm.someProp = 'foo' vm.$watch('count', (newValue, oldValue) =>{ console.log(`count: ${newValue}`) }) console.log(vm.count) //輸出0 vm.count++ console.log(vm.someProp) //輸出'foo'
另一個有用的工具函數是Vue.compile(),它允許你在運行時編譯模板字符串,返回渲染函數。這使得動態渲染非常方便,代碼如下:
const templateString = '{{ message }}' const renderFunction = Vue.compile(templateString).render new Vue({ data: { message: 'Hello, world!' }, render: renderFunction }).$mount('#app')
Vue 2.9還增加了對動態組件的一些修改。現在,你可以使用is特性來指定被渲染的組件,而不是使用
除此之外,Vue 2.9還改進了其它許多已有功能,并修復了一些錯誤和漏洞。因此,如果你正在考慮升級Vue版本,2.9絕對是一個不錯的選擇。