qq_43547686的博客

原创 Vue router

1、安装：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<template> <div id="h

原创 Vue父传子、子传父

父组件向子组件进行传值<template> <div> 父组件: <input type="text" v-model="name"> <br> <br> <!-- 引入子组件 --> <child :inputName="name"></child> </div></template><script> impo

原创 Vue生命周期

Vue生命周期一共·8八个阶段1、beforeCreate (创建前)1 .进行初始化事件，this指向创建的实例2 .不能访问到data3 .不能访问computed4 .不能访问watch5 .不能访问methods6 .以上的方法和数据7 .用来初始化非响应变量2、created （创建后）1 .实例创建完成2 .数据已经和data属性绑定，此时放在data中的属性值发生改变的同时，视图也会改变3 .可以初始化ajax请求了4 .可以访问data5 .可以访问comp

原创 Vue声明式渲染、条件与循环、事件绑定、双向绑定、生命周期

Vue声明式渲染、条件与循环、事件绑定、双向绑定1、{{ message }}<div id="app"> {{ message }}</div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})2、v-if<div id="app-3"> <p v-if="seen">现在你看到我了</p></div>v

原创 vue3目录结构

原创 Vue环境安装配置

Vue环境安装配置1、安装git工具，便于在wind电脑上操作命令行，自行在网上下载安装，可以不安装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 --re

原创 小程序计算距离

// 计算距离函数 Rad(d) { //根据经纬度判断距离 return d * Math.PI / 180.0; }, getDistance(lat1, lng1, lat2, lng2) { // lat1用户的纬度 // lng1用户的经度 // lat2商家的纬度 // lng2商家的经度 var radLat1 = this.Rad(lat1); var radLat2 = this.Rad(

原创 小程序获取当前位置

//获取当前位置 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(dist