vue.js
小榴莲爱编程
这个作者很懒,什么都没留下…
展开
-
export default 和 export 的使用方式
在.vue中定义date msg1.导出一个对象解析export default 是什么东西呢?(向外暴露对象)注意有两种方式导入和暴露,统一使用比较好第一种:第二种:注意使用这种方式,引入时候可以用任意变量来接收只能这么接收...原创 2020-05-26 11:14:14 · 157 阅读 · 0 评论 -
使用vue实例的render方法渲染组件
使用vue实例的render方法渲染组件render渲染和注册component的区别在于,component只替换当前对应的模块,不会清空之前的内容,而render把之前的内容清空只放自己。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc原创 2020-05-26 09:51:22 · 563 阅读 · 0 评论 -
vue中watch函数的使用
watch监听data里面的数据的变化<body><div id="app"> <input type="text" v-model="num"></div><script src="vue.js"></script><script> new Vue({ el: '#app', data: { num: '' },原创 2020-05-22 16:16:51 · 3968 阅读 · 0 评论 -
vue-router的详细介绍使用
什么是路由?路由,其实就是指向的意思。例如:当我点击页面上的login按钮时,页面中就要显示login的内容,如果点击页面上的register 按钮,页面中就要显示register 的内容。login按钮 => login 内容, register按钮 => register 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。点击之后,怎么做到正确的对应,比如,我点击login 按钮,页面中怎么就正好能显示login的内容。这就要在js 文件原创 2020-05-09 17:37:21 · 237 阅读 · 0 评论 -
Vue中ref的使用
为什么出现ref在没有学习Vue之前,我们实现直接操作页面上的DOM元素都是通过JS/jQuery,因为jQuery对DOM元素的操作非常的方便。但是学习了Vue之后,对DOM的操作完全交给VM了,这个时候手动的获取DOM元素再使用JS/jQuery就没有那么方便。于是出现了ref,即ref的功能之一就是获取DOM元素的,当然还有其他的功能。所以ref主要的两个作用如下:使用ref获取页面DOM元素使用ref获取子组件对象使用ref获取DOM元素使用案例<template>原创 2020-05-09 14:58:07 · 4414 阅读 · 0 评论 -
vue中父子组件的传值方式(props、$emit)
父 => 子 propsParent.vue部分代码用v-bind绑定处理,修改如下:<template> <div> <h1>父文件内容</h1> <m-child :msg="'父向子传值'"></m-child> </div></template>Child.vue代码用props做接收处理:<template> <原创 2020-05-09 14:14:49 · 537 阅读 · 0 评论