Tag: vue component

使用webpack将一个项目中的多个Vuejs组件发布到npm

我试图发布一个项目,以包含两个或更多的VUE组件的npm,所以我可以导入,注册和使用这样的组件: import Component1 from 'npm-package' import Component2 from 'npm-package' 这是我的webpack文件: const webpack = require('webpack'); const merge = require('webpack-merge'); const path = require('path'); var config = { output: { path: path.resolve(__dirname + '/dist/'), }, module: { loaders: [ { test: /\.js$/, loader: 'babel', include: __dirname, exclude: /node_modules/ }, { test: /\.vue$/, loader: 'vue' }, { test: […]

如何在laravel 5中发布/使用节点模块?

我有我的laravel应用程序,我开始使用Vuejs 。 我是新来的,也许我错过了一些核心概念。 无论如何(例如)我想要使用这个组件 :具有search自动完成的多选。 跑完之后 npm install vue-multiselect@next –save 我在我的node_module组件目录中,我也有package.json文件中的依赖vue-multiselect 。 现在我有点困惑于如何前进,并在我的一个观点使用这个组件。 网站安装不起作用。 我不能在common js使用require或import关键字。 基本用法 HTML <multiselect v-model="value" :options="options"> JavaScript的 import Multiselect from 'vue-multiselect' // register globally Vue.component(Multiselect) export default { // OR register locally components: { Multiselect }, data () { return { value: null, options: ['list', 'of', 'options'] } } } […]

问题在vuejs 2组件中导入css / js文件

我有以下.vue组件文件: <template> …. </template> <script> export default { /* stuff here*/} </script> <style> </style> 现在我想只为这个组件包含一些css / js(由themeforest上的模板提供)文件。 包括他们在标签内似乎没有工作。 任何想法有什么不对?

如何从计算的属性Vue.js访问数据

我使用Vue.js,当我尝试从计算属性中的数据访问variables时,它返回undefined 。 代码如下: <script> export default { name: 'app', data: () => { return { lang: 'sp' } }, computed: { langEn: () => this.lang === 'en', langSp: () => this.lang === 'sp' } } </script> 这是一个NPM项目。 并在.vue文件中。 这样使用时可能会有不同的performance? 谢谢您的帮助

Highcharts-more.js在vue-cli项目中不起作用

这几个星期我在一个vue-cli项目上工作,我正在尝试做一个这样的极坐标图: https : //www.highcharts.com/demo/polar-spider 由于这个图表需要highchart-more文件,因此我使用npm安装并导入了highcharts和highchart-more库。 但是,导入这两个文件后,我在我的铬控制台中得到以下错误,并不能加载高图。 错误 highcharts-more.js?7b43:8 Uncaught TypeError: p is not a function at eval (eval at <anonymous> (app.js:874), <anonymous>:8:212) at eval (eval at <anonymous> (app.js:874), <anonymous>:11:205) at eval (eval at <anonymous> (app.js:807), <anonymous>:39:67) at Object.<anonymous> (app.js:807) at __webpack_require__ (app.js:658) at fn (app.js:86) at Object.<anonymous> (app.js:1182) at __webpack_require__ (app.js:658) at app.js:707 at app.js:710 […]