在我的 Laravel 项目中,我正在使用 Vue 库,并且我正在尝试在我的模块中使用 vue 路由器,但是当我像往常一样尝试导入 vue 路由器时(请参阅下面的代码),我的控制台中出现错误:未捕获的类型错误:窗口。 Vue.use 不是一个函数
任何想法如何解决这个问题?我已经使用 webpack 创建了这个模块。
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import App from './App.vue'
const router = new VueRouter({
routes: [{
'path' : '/user/:id/'
}]
});
new Vue({
router,
el: '#play',
render: h => h(App)
});
Run Code Online (Sandbox Code Playgroud) 我正在寻找在组件外更改 Vue 变量值的最佳方法。我也在使用Vue webpack。
我已经使用 vue webpack 创建了一个项目。在它的默认App.vue文件中,我有一个变量。例如,让我们以showModal为例,它的默认值为false。然后我将它构建在一个 javascript 文件中。
<button>Register</button> {{-- event button --}}
<div id="guest"></div> {{-- Here I'm rendering my template --}}
<script src="{{ asset('js/vue-js/guest.js') }}"></script> {{-- builded Javascript file --}}
Run Code Online (Sandbox Code Playgroud)
问题是我想将我的showModal变量更改为true,但它的事件按钮不在我的组件模板上。
实现这一目标的最佳方法是什么?
有什么方法可以为带有功能类型的道具设置默认功能?
props: {
clickFunction: {
type: 'Function'
default: ????
}
}
Run Code Online (Sandbox Code Playgroud)