如何在vue js中动态设置状态，而不需要先声明它。

在Vue.js中动态设置状态，而不需要先声明它，可以使用Vue.set()或this.$set()方法来实现。

Vue.set()和this.$set()方法都可以用来在Vue实例中动态设置响应式属性，即使在初始状态中未声明该属性。这两个方法的参数相同，第一个参数是要设置属性的对象，第二个参数是属性名，第三个参数是属性值。

下面是使用Vue.set()的示例：

Vue.set(this.$data, 'propertyName', value);

下面是使用this.$set()的示例：

this.$set(this.$data, 'propertyName', value);

其中，this.$data代表Vue实例的数据对象，propertyName是要设置的属性名，value是要设置的属性值。

通过使用Vue.set()或this.$set()方法，Vue会将属性设置为响应式的，并可以在模板中进行动态绑定和监听。

例如，假设有一个Vue实例，初始状态下没有声明属性name，可以通过以下方式动态设置该属性：

Vue.set(this.$data, 'name', 'John');

或

this.$set(this.$data, 'name', 'John');

这样就可以在模板中使用{{ name }}来显示属性值'John'了。

值得注意的是，动态设置的属性在重新渲染时会被重置，如果希望属性在重新渲染时保持不变，可以考虑将属性添加到data选项中，或使用computed属性。

关于Vue.js的更多信息和相关产品介绍，您可以访问腾讯云的Vue.js官方文档：

Vue.js官方文档：https://cn.vuejs.org/

腾讯云相关产品介绍：https://cloud.tencent.com/product/vuejs