Skip to content

Instantly share code, notes, and snippets.

@vuejsdevelopers
vuejsdevelopers / entry.js
Created June 20, 2017 04:28
Use Any Javascript Library With Vue.js - Snippet 04
import moment from 'moment';
Object.definePrototype(Vue.prototype, '$moment', { value: moment });
@vuejsdevelopers
vuejsdevelopers / MyNewComponent.vue
Created June 20, 2017 04:29
Use Any Javascript Library With Vue.js - Snippet 05
export default {
created() {
console.log('The time is ' . this.$moment().format("HH:mm"));
}
}
@vuejsdevelopers
vuejsdevelopers / index.html
Created February 6, 2019 23:38
New in Vue: ES Module Browser Build - Snippet 11
<script type="module" src="vue.mjs"></script>
<script type="module" src="app.js"></script>
<script nomodule src="/dist/build.js"></script> <!--Fallback-->
@vuejsdevelopers
vuejsdevelopers / webpack.config.js
Created February 6, 2019 23:38
New in Vue: ES Module Browser Build - Snippet 10
module.exports = {
entry: './app.js',
output: {
path: path.resolve(__dirname, './dist'),
publicPath: '/dist/',
filename: 'build.js'
},
module: {
// add Babel here if needed
},
@vuejsdevelopers
vuejsdevelopers / app.js
Created February 6, 2019 23:38
New in Vue: ES Module Browser Build - Snippet 09
import Vue from './vue.mjs';
new Vue({
el: '#app',
data: {
message: 'Hello Vue 2.6.0-beta1 ESM Browser Build!'
}
});
@vuejsdevelopers
vuejsdevelopers / index.js
Created February 6, 2019 23:37
New in Vue: ES Module Browser Build - Snippet 08
<!DOCTYPE html>
<html>
<head>
<title>Vue.js ESM</title>
</head>
<body>
<div id="app">
{{ message }}
</div>
</body>
@vuejsdevelopers
vuejsdevelopers / index.html
Created February 6, 2019 23:36
New in Vue: ES Module Browser Build - Snippet 07
<script type="module" src="vue.esm.js"></script>
@vuejsdevelopers
vuejsdevelopers / index.html
Created February 6, 2019 23:36
New in Vue: ES Module Browser Build - Snippet 06
<script type="text/javascript" src="/dist/bundle.js"></script>
@vuejsdevelopers
vuejsdevelopers / app.js
Created February 6, 2019 23:35
New in Vue: ES Module Browser Build - Snippet 05
import Vue from "vue";
new Vue();
@vuejsdevelopers
vuejsdevelopers / index.html
Created February 6, 2019 23:35
New in Vue: ES Module Browser Build - Snippet 04
<script type="text/javascript" src="https://mycdn.com/vue.js"></script>
<script type="text/javascript">
new Vue();
</script>