vue观察日记
文章平均质量分 55
一只菜鸟的随笔
会隐身的小圆子
记录一些日常,如有错误,欢迎批评指正!
展开
-
vue中使用图片的两种方式
1.使用require引入2.使用import引入原创 2022-06-30 16:40:32 · 4105 阅读 · 2 评论 -
Vue自定义函数和变量挂载到全局
方法一、使用Vue.prototype1、新建一个文件getAll.vue,将需要的方法和变量导出<script>let fn1 = function() { console.log('挂载在全局的函数');};let fn2 = function(data) { console.log(data);};function getLog() { console.log('123');}const arr = [4,5,6]export default {原创 2022-05-30 22:08:07 · 1139 阅读 · 0 评论 -
本地vue项目连接远程仓库
文章目录一、使用vue create xxx创建vue2.0项目二、如何更改之前默认的配置三、本地vue文件连接远程仓库一、使用vue create xxx创建vue2.0项目1. 首先在文件夹上方输入cmd,然后enter进入或者 在文件夹中右击,选择Git Bash here2.在出来的界面中输入vue create xxx (xxx表示自己起的项目名称)3.接下来就是项目配置的选择环节,使用上下箭头进行选择,Enter键选中,空格键可以取消选中,如果一个都不想选,那就按下空格键原创 2022-05-21 15:33:08 · 1560 阅读 · 0 评论 -
vue中使用extend
1.新建两个文件js-To.js和toast.vue2.toast.vue组件里的代码<template> <div class="msg" v-show="toastShow" v-html="toastVal"></div></template><script>export default { name:'Toast'}</script><style lang="less" scoped&g原创 2022-04-29 18:51:23 · 304 阅读 · 0 评论 -
vue接口的配置
1.在src下创建api文件夹2.在api里创建config.js 和 index.js文件3.在config.js里引入axios,写入以下内容4.在index.js里导入config.js里的http,把他取别名axios5.在需要的地方引入index文件,然后调用接口(我这里是把index文件取名为api)6.参考文章...原创 2022-04-26 10:57:08 · 9106 阅读 · 2 评论 -
vue路由使用步骤
1.导入路由2.使用路由3.创建路由规则数组(即定义路由配置)4.实例化路由5.导出路由对象6.在main.js文件里加入路由对象参考链接原创 2022-04-26 09:51:52 · 2723 阅读 · 0 评论 -
vue中的slot插槽
一、简单使用1.需要重复使用的部分封装成组件slotCom.vue2.在需要使用组件的文件中,引入并注册组件3.组件中的button和del会展示在所在的位置;第三个里面没有写内容,所以只展示name和age...原创 2022-04-12 09:41:10 · 135 阅读 · 0 评论 -
vue如何注册组件
局部注册组件1.创建一个文件myTable.vue,存放需要复用的表格组件(如下图);2.在需要使用表格组件的vue文件里引入import myTable from ‘…/…/components/common/myTable’;注册components: {myTable}使用或者3.效果展示......原创 2022-03-31 13:47:40 · 1314 阅读 · 0 评论