vue-component相关内容
我是 Vue.js 的新手,想使用单文件组件,但我不了解工作流程. 比如我有三个组件:App、Grid和List App.vue
导出默认{名称:'应用程序',数据 () {返回 {消息:“你好 Vue!"}}} Grid
..
我需要使用 laravel 5.3 和 vuejs 2 构建一个应用程序,因为我需要使用双向绑定而不是使用 jquery. 我需要使用刀片模板设置视图.然后,我需要在每个页面中使用 vuejs,如下所述. resources/asserts/js/components/List.vue 常量面板 = 新的 Vue({el: '#list-panel',名单',数据: {消息:'测试消
..
我刚刚安装了 Vue,并且一直在遵循一些教程来使用 vue-cli webpack 模板创建项目.当它创建组件时,我注意到它将我们的数据绑定在以下内容中: 导出默认{名称:'应用程序',数据: []} 而在其他教程中,我看到数据来自: 新的 Vue({埃尔:'#app',数据: [])} 有什么区别,为什么两者之间的语法看起来不同?我无法让“新 Vue"代码从我所在的标签内部工作从 vue
..
我使用本教程制作卡片组:https://bootstrap-vue.js.org/docs/components/card/#card-deck-groups 我的脚本是这样的:
..
..
..
Vue API 文档/指南讨论了父母将道具传递给孩子的模式,孩子们通过事件与父母交流.此外,该指南强调,孩子绝对不应该改变父母的数据,因为这是父母的责任. 对于大多数扁平结构,您有一个父级(例如“应用程序")并且所有组件都是该父级的子级,这可以正常工作;任何事件只需要冒泡一次. 但是,如果您正在编写一个划分的结构(例如,应用程序(保持状态)-> ActiveComponent -> F
..
..
..
我有一个获取请求来检测用户是否是管理员.我的问题是我想使用 v-if 显示一个按钮来检查它是真还是假.默认情况下,该值设置为 false. 数据 然后我们得到了按钮: 以及beforeCreate中的.then: 解决方案 您需要使用 箭头函数 保留 this 上下文: .then((responses) => { 否则回调函数会注入自己的this
..
我想和这里一样,但我想使用 images.sample 作为参数,例如 props:['images.sample'], 导出默认{数据() {返回 {图片: {示例:需要('./assets/static/images/sample.jpg')}}}} 解决方案 你的子组件应该是这样的:
..
我使用 vue.js 2 和 laravel 5.6 我的 vue 组件是这样的: 添加
..
Vue.js Scoped CSS 的文档 提到 您可以在同一个组件中同时包含作用域和非作用域样式 我为 vue-router示例应用程序> 并使用了两个单个文件组件而不是示例的字符串模板 - 呈现符合预期. 然后我尝试在组件中应用范围和非范围样式.在第一个我有 分区 {白颜色;背景颜色:蓝色;}身体 {背景颜色:绿色;}
..
我被困在 vue.js 中,如何管理多个服务器的多个环境,如本地、开发和生产? 解决方案 你可以为不同的环境创建不同的 .env 文件,比如.env.development、.env.staging 和 .env.production 并在你的 package.json 中创建这样的构建脚本 - “脚本":{"build-dev": "vue-cli-service build --mo
..
..
我的 vuex 商店看起来像这样,但是当调用 addCustomer 我得到 ReferenceError: state is not defined: 从'vue'导入Vue;从'vuex'导入Vuex;Vue.use(Vuex);导出默认新的 Vuex.Store({状态:{客户:[]},突变:{addCustomer:功能(客户){state.customers.push(客户);//这里
..
..
..
我有一个 v-for 循环,它将吐出多行输入,我想将每一行动态保存到数组对象中. v-for: 想要的数组(以输入2行为例): 新条目:[{ id: '1', 金额: '50.00' },{ id:'2',金额:'123.45' }], 默认情况下,我将 newEntries 加载为空数组.我不知道如何使用 v-for 获得我想要的那种数组对象.使用上面的代码,我最终得到了这个:
..
我有这个 JSON: {“数据":{“1":{“红色",“大小":“大"},“2":{“红色",“大小":“大"},“3":{“红色",“大小":“大"},“4":{“红色",“大小":“大"},“5":{“红色",“大小":“大"}}} 我用这个 vue 代码显示: ...
..