u012536222的博客

1.保留当前页面，跳转到应用内的某个页面，使用uni.navigateTo：示例：在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});// 在test.vue页面接受参数export default { onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面

对象的扩展运算符数组的扩展运算符总结es6之扩展运算符 三个点（…）对象的扩展运算符理解对象的扩展运算符其实很简单，只要记住一句话就可以：对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }上述方法实际上等价于:let bar = { a: 1, b: 2 };let baz = Object.assign({}, bar);

vuex中的store分模块管理，需要在store的index.js中引入各个模块，为了解决不同模块命名冲突的问题，将不同模块的namespaced:true，之后在不同页面中引入getter、actions、mutations时，需要加上所属的模块名...

安装vue routernpm i vue-routerVUE router 使用创建router文件夹建立index.js引入import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter);const router = new VueRouter({ routes: [ // 动...

Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{{msg}...

引入组件import heads from ‘…/…/components/head.vue’注册组件Vue.component('heads',heads); //注册全部组件export default { components:{heads} //注册局部组件 }<heads></heads> //使用组件父组件使用<view ...

用 async/await 来处理异步　　昨天看了一篇vue的教程，作者用async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，也是需要学习一下了。先说一下async的用法，它作为一个关键字放到函数前面，async function timeout() {　　return 'hello world';}只有一个作用, 它的调用...

vue创建全局变量和方法有很多种，不过在这我推荐使用先新建一个js文件，这个文件主要就是写一个对象，这个对象直接带属性和方法即可，然后在main.js引入，引入后再用Vue.prototype把引入的文件直接挂接到vue的原型上。例如：新建的js文件内容：/*在文件的开始先定义一个对象*/const aa = {}// 要全局的变量的话aa.name = '张三'// 定义方法...

一：先介绍一下Vue.set()方法注：如果从服务端返回的数据量较少，或者只有几个字段，可以用vue的set方法，如果数据量较大，请直接看第二种情况。官网API是这样介绍的：Vue.set(target,key,value)参数：{Object | Array} target{string | number} key{any} value返回值：设置完后的新值用法：向响应式对象...

父向子 v-bind props<div :msg="msg"></div>子组件接收fooA 自定义名称 Number 接收的类型 required 设置为必填项 default默认值props: { // fooA只接受数值类型的参数 fooA: Number, // fooB可以接受字符串和数值类型的参数 fooB...

方法1-传值<router-link to="/home?id=11">Go to Bar</router-link>**取值方式** this.$route.query.id方法2-传值<router-link to="/home/参数1/参数2">Go to Bar</router-link>routes: [{path: ‘/...