- 博客(8)
- 收藏
- 关注
原创 Vue router路由引用以及Tba切换
【1】Vue router 1、安装:npm install vue-router或cnpm install vue-router或yarn add vue-router 2、在新建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
251
原创 vue子传子
父子组件传值的问题,前面已经讲过,不再叙述,这里来说一种非父子组件的传值。 vue官网指出,可以使用一个空vue实例作为事件中央线! 也就是说 非父子组件之间的通信,必须要有公共的实例(可以是空的),才能使用 $emit 获取 $on 的数据参数,实现组件通信 。 比如说: 公共实例文件bus.js,作为公共数控中央总线 import Vue from “vue”; export default new Vue(); 第一个组件 first.vue import Bus from ‘…/bus.js’; e
2020-07-23 21:33:57
855
原创 vue子传父、父传子
子传父 vue子传父使用$emit传值 子组件: 父组件: 效果图: 父传子 子组件使用props接收 接收时还可以设置默认值 当没获取到值时 会使用设置的默认值 子组件: 父组件: 效果图:
2020-07-23 21:26:54
153
原创 vue的声明式渲染、条件和循环、事件绑定、双向绑定
Vue.js的核心是一个允许采用的简洁的模板语法来声明式地将数据渲染进DOM的系统: 1、声明式渲染 {{message}} 2.条件和循环 1、v-if 在这里插入图片描述 2、 v-for 3.事件绑定 v-on:click 4.双向绑定 v-model ...
2020-07-22 17:41:04
212
原创 vue生命周期
【1】Vue声明式渲染、条件与循环、事件绑定、双向绑定 1、{{ message }} 2、v-if 3、v-for 4、v-on:click 5、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
164
原创 如何安装vue
1、安装git工具 2、安装node,检查node安装是否成功,在git工具中输入node -v 3、检查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
273
原创 封装组件,调用组件以及js的配合
list.wxml::: {{item2.title}} {{item2.commentValue/2}} 分 未评分 {{
2020-07-14 10:31:16
531
翻译 小程序位置以及距离
***获取当前位置以及计算距离函数*** //获取当前位置 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
692
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅