Vue.js 完整包

为 Sublime Text 提供更好的 Vue.js 补全功能，具有语法高亮显示。

详情

这个包是一个完整的代码片段集和 Vue 语法高亮显示的集合，目前正在开发中，版本号为 0.3.3。此包由 Aditya Giri 构建，并由 LivonAir 使用。

要安装此包，请在您的机器上克隆此仓库并将其移动到包文件夹。您可以通过点击“首选项”->“浏览包”来找到包文件夹。

继续搜索 vuejs 完整包。只需安装即可。

我们提供语法高亮显示，它来自vuejs/vuejs-syntax-highlight 的分支。您无需配置它，它已经为您配置好了。

我们提供以下代码片段集。查看它们。根据 VueJS 版本的增加或减少，它们可能会发生变化。只需输入这些字母并按 Tab 键

v: 这是一个简单的触发器，可以像这样使用

var demo = new Vue({
  data [v]Press tab here to transform in something like this:
  data: {
    // Your text here
  }
})

vue: 如果您有一个全新的 js 文件并且想要一次触发整个文件，这个代码片段会很棒。

var vm = new Vue({
    el: "#replace"
})

vue-config: 这个代码片段用于展开 VueJS 的配置。看起来像这样

{
  debug: true,
  strict: false,
  prefix: 'v-',
  delimiters: ['{{', '}}']},
  silent: false,
  interpolate: true,
  async: true,
  proto: true
}

vue-dir: 使用此代码片段可以很容易地创建自定义指令。您自定义的指令看起来像这样。

Vue.directive('my-directive', {
  bind: function () {},
  update: function (newValue, oldValue) {},
  unbind: function () {}
})

vue-filter: 使用此代码片段创建自定义过滤器。

Vue.filter('my-filter', function (value) {
  // Content
})

vue-cdn: 获取如下 cdn 代码片段

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/0.12.14/vue.min.js"></script>

vue-extend: 扩展函数的代码片段。

var Profile = Vue.extend({
  template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>'
})

wat: 将 $watch 属性添加到任何对象中。

vm.$watch('someObject', callback, {
  content
})

get: 添加 get 很简单。

vm.$get(expression)

set: 以简单的方式添加设置器

vm.$set(key, value)

添加:

vm.$add(key, value)

删除:

vm.$delete(key)

评估:

vm.$eval(msg | uppercase)

插值:

vm.$interpolate(templateString)

日志:

vm.$log([keypath-optional])

而且，还有更多即将到来。即将推出更多功能。

本库由 Aditya Giri 制作和维护。如果您想联系他关于任何库，他的邮箱地址是 [email protected]。

本库是博客平台 LivonAir 的一部分