Questions tagged «vue.js»

我刚刚安装了Vue，并一直按照以下教程使用vue-cli Webpack模板创建项目。创建组件时，我注意到它在以下内容中绑定了我们的数据： export default { name: 'app', data: [] } 而在其他教程中，我看到数据绑定于： new Vue({ el: '#app', data: [] )} 有什么区别，为什么两者之间的语法似乎不同？我在从vue-cli生成的App.vue中使用的标签内部使“新Vue”代码无法正常工作。

136 vue.js  vue-component  vue-cli 

在我的主页上，我有一些下拉菜单，这些v-show=show链接通过单击链接显示@click = "show=!show"，我想show=false在更改路线时进行设置。请告诉我如何实现这件事。

134 vue.js  vuejs2  vue-router 

我想进行Vue.js类似于香草javascript 的重定向 window.location.href = 'some_url' 如何在Vue.js中实现？

133 vue.js  url-routing  vuejs2  vue-router 

我的动作有以下设置： get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, 我希望能够从另一个内部调用一个动作，因此在此示例中，我希望能够get2()从内部调用get1()。这可能吗，如果可以，我该怎么做？

133 vue.js  vuex 

使用Vue开发应用程序后该怎么办vue-cli？ 在Angular中，有一些命令将所有脚本捆绑到一个脚本中，然后将这些文件发送到主机。 Vue是否有相同的东西？

130 vue.js  vuejs2  vue-cli 

最近，我开始将内容从jQ迁移到VueJS这样的结构化框架，我喜欢它！ 从概念上讲，Vuex对我来说是一种范式转换，但是我有信心我知道现在的全部情况，并且完全可以理解！但是存在一些小的灰色区域，主要是从实现的角度来看。 我觉得这个设计很好，但是不知道它是否与单向数据流的Vuex 周期相矛盾。 基本上，从动作中返回一个promise（类似）对象是否被视为一种好习惯？我将它们视为异步包装程序，带有失败状态等，因此看起来很适合返回承诺。相反，变异器只是改变事物，是商店/模块中的纯结构。

130 promise  vue.js  es6-promise  state-management  vuex 

我只是使用命令行（CLI）初始化Vue.js项目。在CLI创建src/components和src/views文件夹。 自从我从事Vue项目以来已经有几个月了，文件夹结构对我来说似乎是新的。 用生成的Vue项目中的views和components文件夹有什么区别vue-cli？

128 vue.js  vuejs2  vue-cli  vue-cli-3  vue-cli-4 

我尝试使用以下方式打印日期时间 vue-for {{ moment().format('MMMM Do YYYY, h:mm:ss a') }} 但是，它不会出现。只是一片空白。我该如何尝试利用当下的瞬间？

127 momentjs  vue.js 

我正在尝试使用vuejs和laravel的护照对用户进行身份验证。我无法弄清楚如何通过动作将多个参数发送给vuex突变。 -商店- export default new Vuex.Store({ state: { isAuth: !!localStorage.getItem('token') }, getters: { isLoggedIn(state) { return state.isAuth } }, mutations: { authenticate(token, expiration) { localStorage.setItem('token', token) localStorage.setItem('expiration', expiration) } }, actions: { authenticate: ({ commit }, token, expiration) => commit('authenticate', token, expiration) } }) -登录方法- login() { var data = …

124 vue.js  vuejs2  vuex 

当创建与CLI（v3.7.0）的新项目中，有之间进行选择的选项dart-sass或node-sass编译器。 它们之间如何进行比较，以使其比Vue docs中声明的更为具体？ Sass性能技巧 请注意，使用Dart Sass时，由于异步回调的开销，默认情况下，同步编译的速度是异步编译速度的两倍。为了避免这种开销，您可以使用Fiber包从同步代码路径中调用异步导入程序。为此，只需将光纤安装为项目依赖项即可： npm install -D fibers 另请注意，由于它是本机模块，因此在操作系统和构建环境上可能存在兼容性问题。在这种情况下，请运行npm uninstall -D fibers以解决问题。 ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys) ❯ Sass/SCSS (with dart-sass) Sass/SCSS (with node-sass) Less Stylus 编辑2020/01： Vue CLI 4.2.2创建新项目仍然建议dart-sass作为之前的第一个选项node-sass。然而，这里已经确定这node-sass是性能更高的选择，几乎没有人使用dart-sass（ccleve的评论）。 编辑2020/09：阿里巴赫拉米更新了广泛的答案，dart-sass是首选的node-sass被标记为已过时。 太糟糕了dart-sass，因为它是JS编译版本，性能不佳。但是，它的开发人员对此很清楚，并且正在努力提高本期中所述的性能。

122 vue.js  webpack  sass  vue-cli  node-sass 

在VueJS中，我们可以使用v-if添加或删除DOM元素： <button v-if="isRequired">Important Button</button> 但是有一种方法可以添加/删除dom元素的属性，例如针对以下条件设置所需属性： Username: <input type="text" name="username" required> 通过类似于： Username: <input type="text" name="username" v-if="name.required" required> 有任何想法吗？

119 javascript  vue.js  vuejs2 

如何检测元素外部的点击？我正在使用Vue.js，因此它将不在模板元素内。我知道如何在Vanilla JS中执行此操作，但是我不确定在使用Vue.js时是否还有更合适的方法？ 这是Vanilla JS的解决方案： div外部的Javascript Detect Click事件 我想我可以使用更好的方法来访问元素？

118 javascript  vue.js 

我想用包含标签和输入的Vue.js创建一个组件。例如 ： <label for="inputId">Label text</label> <input id="inputId" type="text" /> 如何为每个组件实例设置唯一的ID？ 谢谢。

115 vue.js 

我有一个组件，如何选择其元素之一？ 我正在尝试获取此组件模板内的输入。 可能有多个组件，所以queryselector必须仅解析该组件的当前实例。 Vue.component('somecomponent', { template: '#somecomponent', props: [...], ... created: function() { somevariablehere.querySelector('input').focus(); } }); 提前致谢

115 javascript  vue.js 

我在更改输入字段时尝试使用Vue-router设置查询参数，我不想导航到其他页面，而只想在同一页面上修改url查询参数，我这样做是： this.$router.replace({ query: { q1: "q1" } }) 但这也会刷新页面并将y位置设置为0，即滚动到页面顶部。这是设置URL查询参数的正确方法，还是有更好的方法呢？ 编辑： 这是我的路由器代码： export default new Router({ mode: 'history', scrollBehavior: (to, from, savedPosition) => { if (to.hash) { return {selector: to.hash} } else { return {x: 0, y: 0} } }, routes: [ ....... { path: '/user/:id', component: UserView }, ] })

114 javascript  vue-router  vue.js