Try Documentalist,
my app that offers fast, offline access to 190+ programmer API docs.
Vue object
life cycle hooks
created
mounted
updated
destoryed
Vue.js notes.
div#app
p v-if="seen"
{{ message | capitalize }}
p v-else
shown if not seen
span v-bind:title="message"
span :title="message"
ol
li v-for="todo in todos"
{{ todo.text }}
button v-on:click="reverseMessage"
button @click="reverseMessage"
input v-model="message"
div v-html="rawHtml"
div v-for="(value, key, index) in object"
new Vue({
el: "#app",
data: {
seen: true,
message: "my messge",
todos: [
{ text: "todo 1" },
{ text: "todo 2" },
],
rawHtml: "<p>is html</p>",
},
methods: {
reverseMessage: function() {
this.message = reverse(this.message);
},
filters: {
capitalize: function (value) {
if (!value) return '';
value = value.toString();
return value.charAt(0).toUpperCase() + value.slice(1);
}
},
computed: {
reversedMessageComputed: function() {
return reverse(this.message);
}
},
})
https://vuejs.org/v2/api/#v-on event bindings modifiers (e.g.
@onclick.stop
):
- stop, prevent, capture, self, native, once
Links:
Links
- https://github.com/ffxsam/vue-typescript-cookbook/blob/master/README.md
- https://github.com/learn-vuejs/vue-patterns
- https://blog.logrocket.com/submitting-html-forms-using-javascript-frameworks-vue-react-hyperapp-44664dba1218
- https://alligator.io/vuejs/implementing-infinite-scroll/
- https://css-tricks.com/building-a-rss-viewer-with-vue-part-1/
- https://vuejs-tips.github.io/cheatsheet/
- https://vuejs-tips.github.io/vuex-cheatsheet/
- https://devhints.io/vue
- https://www.getrevue.co/profile/vuenewsletter
- https://vuejsdevelopers.com/
- https://github.com/vuejs/awesome-vue
- https://www.vuejsradar.com/
- https://github.com/Microsoft/TypeScript-Vue-Starter
- https://vuejs-templates.github.io/webpack/
- https://css-tricks.com/intro-to-vue-1-rendering-directives-events/
- https://designhammer.com/blog/reusable-vuejs-components-part-2-basic-drop-down-and-v-model
- https://alligator.io/vuejs/
- https://laracasts.com/series/learn-vue-2-step-by-step
- https://vuejsdevelopers.com/2017/03/24/vue-js-component-templates/
- https://medium.com/wdstack/vue-vuex-getting-started-f78c03d9f65 : vue + vuex
- https://medium.freecodecamp.com/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77
- http://element.eleme.io/#/en-US : UI library
- https://www.safaribooksonline.com/library/view/vuejs-2-cookbook/9781786468093/04700eab-d6ac-4805-8704-ca4a113fee4a.xhtml : vue.js cookbook
- https://github.com/Microsoft/TypeScript-Vue-Starter : vue + typescript template
- https://github.com/vuejs/vetur : VSCode tooling
- https://mubaidr.github.io/blog/Vuejs-VsCode/ : setting up VS code for vue
- https://www.iviewui.com/ : nice UI toolkit
- https://alexjoverm.github.io/2017/07/16/Lazy-load-in-Vue-using-Webpack-s-code-splitting/
- http://meetupfeed.com/recorded-vuejs-talks-last-three-months-vuejs-talks-digest-q3-2017/
- https://docs.gitlab.com/ee/development/fe_guide/vue.html
- https://github.com/joshsaintjacque/awesome-vue-js
- https://github.com/vuejs/awesome-vue
- https://www.smashingmagazine.com/2017/08/creating-custom-inputs-vue-js/
- https://blog.bitsrc.io/11-vue-js-component-libraries-you-should-know-in-2018-3d35ad0ae37f
- https://www.thepolyglotdeveloper.com/2017/10/consume-api-data-http-vuejs-web-application/
- https://vuejsdevelopers.com/2017/10/23/vue-js-tree-menu-recursive-components/
Libraries
- https://element.eleme.io/#/en-US, https://news.ycombinator.com/item?id=17968510
- https://github.com/designrevision/shards-vue, https://www.reddit.com/r/vuejs/comments/9figiv/shards_vue_free_vue_ui_kit_with_a_sleek_modern/
- https://github.com/vuejs/awesome-vue
- https://github.com/lusaxweb/vuesax
- http://sagalbot.github.io/vue-select/
- https://www.iviewui.com/
- https://github.com/alexsasharegan/vue-transmit