<h1>Hello people</h1>
我正在学习使用nuxt.js,我的问题是如何使用与使用nuxt.js创建的应用程序的默认结构不同的自定义目录
The issue: index.vue can't load .vue components from my components custom dir
在nuxt.config.file中,我有以下内容:
/*
**Custom directory structure configuration paths
**Change as desires
**Important Note: This
我一直在阅读vue文档,并开始编写一些代码来测试我的知识。我曾尝试编写一个在挂载时设置数据成员的组件,但它似乎没有像预期的那样工作。组件数据成员“profile”始终为空。我的直觉告诉我这可能是关于范围的东西,但不确定:
Vue.component('profile-grid',
{
template: '<section> {{profiles}} </section>',
//Data es la parte privada del documento. Props la parte publica que se d
我使用Vue路由器直接到src文件中一个名为components的文件夹中的不同组件,这很奇怪,但是所有组件中的模板都是相同的,我导入了文件并以完全相同的方式定义了路由,当然,除了这里的确切组件文件名--我的main.js文件
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import CreateMeetUp from '@/components/Meetup/CreateMeetUp'
i
我用的是Nuxt
我有一个简单的'Drawer.vue‘组件。
在我的用户执行登录后,我尝试用抽屉显示页面。
如果登录成功,“auth”中间件将通过“/me”后端端点将“菜单项”接收到抽屉。
我的问题是我得到了下一个错误。我已经看到了这个问题,但是AFAIK我不会在变异处理程序之外改变vuex存储状态。
//错误:
Error: [vuex] do not mutate vuex store state outside mutation handlers.
at assert (vuex.esm.js?2f62:135)
at Vue.store._vm.$watch.
我目前在我的web应用上使用Vue进行面向对象的表单验证,所以我所需要的只是后端验证,而vue会处理剩下的事情。
这意味着,如果我的应用程序有很多表单,这些表单大多是页面特定的,那么我最终会在Vue实例中使用很多方法和数据。
new Vue({
el: '#mainDiv',
data: {
profile_text: '',
name: ''
//LOTS OF DATA THAT I'M LEAVING OUT
errors: new Errors()
我运行过npm运行监视并收到了消息
This dependency was not found:
* in ./resources/assets/js/app.js
To install it, you can run: npm install --save
所以我运行npm安装-保存,但仍然得到相同的信息。
据我所知,我需要npm运行或npm运行手表加载Vue文件在Laravel。
例如,在‘resources/assets/js/components/ example e.vue’文件中,我对其进行了编辑,但是当我加载‘resources/view/pope.blde.php’文件
mixin/error.js
export default {
data(){
return{
text:"This is a text from the mixin",
}
},
};
--我在我的app.js中以的形式全局导入了混音
从“./mixins/ error”导入错误
Vue.mixin(错误);
在我的login.vue组件中,如果我试图在一个方法中显示混合数据,它可以很好地工作……像这样的
showMixinData(){
alert(this.text);
}
,但是当我试图在