我们使用Gulp (刚刚从ng-cli迁移而来)来构建我们的2项目,在这里我使用燃料ui。
我有个奇怪的错误。我在我们的一个组件中使用燃料ui的警报组件。如果我们在system.config.js中引用节点_模块/燃料-ui文件夹中的燃料-ui,那么一切都很好。如果我从构建/供应商/燃料-ui引用它,它会失败,并出现以下错误:
EXCEPTION: Unexpected directive value 'undefined' on the View of component 'MyAlertComponent'
platform-browser.umd.
根据,在Vue中声明数据的方式如下:
data: {
name: 'Vue.js'
}
但是,当我这样做时,它不起作用,控制台中显示了一个错误:
The "data" option should be a function that returns a per-instance value in component definitions.
我将其更改为以下内容,然后它运行良好:
data() {
return {
name: 'Vue.js',
}
}
为什么Vue文档在代码不起作用时显示顶部的代码呢?我
我有一个需要全局导入的类和方法,这样就可以避免在每个Vue文件中再次导入它。我通常在每个Vue文件中导入自己的类和方法,如下所示:
// in myFunc.js
export const fn = {
myFunc: function(param) { alert(param) }
}
// then I use it like this
import {fn} from '@/assets/js/myFunc.js';
fn.myFunc('Lorem ipsum');
在main.js中,我尝试了以下代码,但它不起作用:
import {fn} fr
我有下一个项目结构:
– js
|-- index.js // the entry point
|-- components
|-- FooComponent.js // example component
- less
|-- app.less // common styles for the entire app (scaffolding, variables)
|-- components
|-- FooComponent.less // styles for a specific component
在index.js:
当我试图访问app.js下的相关组件时,我会得到一个错误:“eslint rc\App.js第2行中的警告:8:'personAdd‘已定义,但从未使用未使用的-vars”。当我运行这个项目时,我会看到标签以html的形式出现,但是这个组件不会出现在屏幕上。我已经包括了下面的代码。提前谢谢。注意:.eslintrc.json下的更改不起作用。
App.js
import React from 'react';
import personAdd from './screens/personAdd';
function App() {
return
我试图将值"red"从index.js传递给box.js,但没有起作用。基本上,我有一个定义盒子属性的组件,我想把背景色“红色”从index.js传递给Box.js组件。
// Box.js
import React from "react";
const box = {
// here i would like to get the vlue name assign it to background
background: this.props.name,
width: "250px",
height: "250px