xianyaono1-CSDN博客

原创 Vue router路由引用以及Tba切换

【1】Vue router1、安装：npm install vue-router或cnpm install vue-router或yarn add vue-router2、在新建router.js中引用如下代码import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter)3、在src中新建view文件夹，在view新建例如：Home文件夹，在文件夹中新建index.vue</>输入代码<t

2020-07-24 11:36:23 199

原创 vue子传子

父子组件传值的问题，前面已经讲过，不再叙述，这里来说一种非父子组件的传值。vue官网指出，可以使用一个空vue实例作为事件中央线！也就是说非父子组件之间的通信，必须要有公共的实例（可以是空的），才能使用 $emit 获取 $on 的数据参数，实现组件通信。比如说：公共实例文件bus.js，作为公共数控中央总线import Vue from “vue”;export default new Vue();第一个组件 first.vueimport Bus from ‘…/bus.js’;e

2020-07-23 21:33:57 788

原创 vue子传父、父传子

子传父vue子传父使用$emit传值子组件：父组件：效果图：父传子子组件使用props接收接收时还可以设置默认值当没获取到值时会使用设置的默认值子组件：父组件：效果图：

2020-07-23 21:26:54 107

原创 vue的声明式渲染、条件和循环、事件绑定、双向绑定

Vue.js的核心是一个允许采用的简洁的模板语法来声明式地将数据渲染进DOM的系统： 1、声明式渲染 {{message}}2.条件和循环1、v-if在这里插入图片描述2、 v-for3.事件绑定 v-on：click4.双向绑定 v-model...

2020-07-22 17:41:04 161

原创 vue生命周期

【1】Vue声明式渲染、条件与循环、事件绑定、双向绑定1、{{ message }}2、v-if3、v-for4、v-on:click5、v-model【1】Vue生命周期一共八个阶段1.beforeCreate(创建前)2.created(创建后）3.beforeMount（载入前）4.mounted（载入后）5.beforeUptade（跟新前）6.undated（跟新后）7.beforeDestory（销毁前）8.destroyed（销毁后）vue第一次页面加载会触发哪

2020-07-22 15:54:32 97

原创如何安装vue

1、安装git工具2、安装node,检查node安装是否成功，在git工具中输入node -v3、检查npm是否安装成功，在git工具中输入npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题)4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm在git工具中输入：npm install -g cnpm --registry=https://registry.npm.taobao.o

2020-07-22 11:15:13 204

原创封装组件，调用组件以及js的配合

list.wxml：：： {{item2.title}} {{item2.commentValue/2}} 分未评分 {{

2020-07-14 10:31:16 451

翻译小程序位置以及距离

***获取当前位置以及计算距离函数***//获取当前位置wx.getLocation({type: ‘gcj02’,success: (res) => {console.log(“当前位置：”, res)const distance_new = this.getDistance(res.latitude, res.longitude, this.data.latitude2,this.data.longitude2);console.log(d...

2020-07-09 15:48:53 587

xianyaono1的博客