VUE
子非鱼emma
小蔡蔡
展开
-
在ui组件中引入iconfont
https://shimo.im/docs/XcdrxKQCGKTVGcgP/ 《在ui组件中引入iconfont》,可复制链接后用石墨文档 App 或小程序打开如何在vant 组件中使用自定义icon1.创建项目2.将图标加入购物车3.点击购物车将购物车图标添加到项目中4.选择font class,生成代码5.点击链接获取代码6.在public文件中建css文件,建icon.css,将获取的代码复制到文件中7.App中引.原创 2021-11-26 09:45:48 · 518 阅读 · 0 评论 -
Eslint相关配置
1.安装Eslint1.1 创建项目时安装选择标准版选择在保存时执行下载eslint插件下载格式化插件将以下代码放入settings.json中(用于ctrl+s后会自动按eslint的要求格式化) //ESLint插件的配置 "editor.codeActionsOnSave": { "source.fixAll": true }, // ------------------------------...原创 2021-11-01 14:50:56 · 2240 阅读 · 0 评论 -
双向数据绑定的原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-08-05 14:48:58 · 87 阅读 · 0 评论 -
axios封装
import axios from "axios";import { Message } from "element-ui";const instance = axios.create({ baseURL:"http://kumanxuan1.f3322.net:8360/admin", timeout:3000})//请求拦截instance.interceptors.request.use(config=>{ // console.log("执行 拦截");.原创 2021-08-05 14:42:51 · 197 阅读 · 0 评论 -
会用到的小知识
1.vue图片懒加载https://www.jianshu.com/p/4f3f79a0d7ce原创 2021-07-19 17:24:24 · 73 阅读 · 0 评论 -
vue 面试题
https://blog.csdn.net/wanghuan1020/article/details/112506075#t8原创 2021-07-13 11:22:04 · 118 阅读 · 0 评论 -
面试题:vue路由的实现(hash&history)
history<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t.原创 2021-07-06 23:58:23 · 415 阅读 · 6 评论 -
HTML5离线存储
1.找到一个文件,C:\phpstudy_pro\Extensions\Apache2.4.39\conf 下找到mime.type 文件,在文件下面添加text/cache-manifest manifest补充我用的是小皮,可以点这个地方快速找到,该路径2.晚点写,原创 2021-07-03 13:58:04 · 58 阅读 · 0 评论 -
css初始化,axios封装
HOME.vue<template> <div class="home"> <!-- 1.搜索框 --> <van-search v-model="svalue" placeholder="请输入搜索关键词" /> <p>jjjjhafhkfhjak福建奥地利房间爱打开房间啊</p> </div></template><script>// import a原创 2021-07-01 21:24:21 · 85 阅读 · 0 评论 -
2021-07-01
vue 移动开发准备工作1.在项目文件夹下 ,下载rest-cssnpm i reset-css2.在main.js文件中reset-cssimport 'reset-css' 3.在App.vue中设置style(为了设置字体大小)<template> <div id="app"> <router-view/> </div></template><style lang="le原创 2021-07-01 19:34:56 · 87 阅读 · 0 评论 -
vant 和gitee的使用
vant的基本使用1.在vue项目所在目录下使用npm进行安装npm i vant -S2.安装 自动按需引入组件 (推荐)babel-plugin-import是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式。npm i babel-plugin-import -D2,在babel.config.js中添加相应的配置plugins: [ ['import', { libraryNam..原创 2021-06-30 17:26:18 · 424 阅读 · 1 评论 -
git的使用
git项目的创建1.新建一个文件夹,作为一个项目(一个文件夹对应一个仓库,一个项目只有一个仓库)2.在文件夹中右键点击gitBashhere,打开git命令窗口3.设置用户名:在窗口中输入:git config --global user.name libai4.设置邮箱:git config --global user.emial 123@163.com (这一步可以省略)5.初始化:输入gint init 此时可以发现文件夹多出一个.git文件夹git文件操作1.创建..原创 2021-06-29 21:20:37 · 144 阅读 · 2 评论 -
axios 美[æk‘sioʊz]
安装axios1.下载axios在项目所在文件夹中输入npm install axios -S2.下载成功后可看见版本号使用axios在要使用的组件中引入axiosimport axios from "axios";在该组件中就可以愉快的使用了axios.get 无数据请求的使用<template> <div class="tablebox"> <table class="table table-hov..原创 2021-06-28 08:33:15 · 388 阅读 · 1 评论 -
vuex模块化
1.在store文件夹中--新建add文件夹---新建index.js2.将store--index中的属性复制到 store--add--index.js 中export default{ // 1.填写命名空间 namespaced:true, state: { num: 10, title: '我是state中的字符串' },原创 2021-06-26 01:16:12 · 133 阅读 · 1 评论 -
vue 路由router
实现路由的切换router/index.js// 1.引入vueimport vue from 'vue'// 2.引入VueRouterimport VueRouter from 'vue-router'import Home from "../views/Home"import About from "../views/About"import Demo from "../views/demo01"// 3.使用VueRoutervue.use(VueRouter)//原创 2021-06-25 13:01:57 · 591 阅读 · 2 评论 -
vue项目的学习
keepAlive的使用keepAlive用于将页面中修改后的数据进行缓存,案例1:有home页面和about页面,将home页面中的数据添加后跳转到about页面,操作about页面后跳转回home页面,页面内容仍然报错,但about页面无法缓存.用到了如下页面about.vue<template> <div class="demo01"> <h1>我是About.vue的模板</h1> ...原创 2021-06-23 19:23:26 · 311 阅读 · 1 评论 -
使用脚手架搭建的项目
main.js 里边有 import Vue from 'vue'import App from './myApp.vue' 加载 哪个组件Vue.config.productionTip = false/* new Vue({ el:"#app", data:{}, methods:{ }.... })*/new Vue({ render: h => h(App),//注册组件 }).$mount('#app') // el: .原创 2021-06-22 23:26:02 · 78 阅读 · 0 评论 -
VUE脚手架的安装及项目的搭建
1.安装脚手架(全局安装)npminstall-g@vue/cli2.查看脚手架版本:vue--version3.使用脚手架搭建项目,在dos中运行vuecreateproject4.选择Manuallyselectfeatures点击回车美/ˈmænjuəli/手动美/fitʃərs/功能5.选择1,2,css空格可切换选中状态选完后点击回车6.选择2.x点击回车...原创 2021-06-22 23:13:47 · 107 阅读 · 0 评论 -
VUE生命周期函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-06-22 21:22:43 · 53 阅读 · 0 评论 -
购物车案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-06-21 06:55:37 · 63 阅读 · 0 评论 -
VUE面试题
day11.Vue如何自定义一个过滤器<body> <div id="app"> <input type="text" v-model="msg" /> {{msg| getvalues }}</div></body><script> var vm=new Vue({ el:"#app", data:{ msg:'' }, filter原创 2021-06-07 20:58:29 · 69 阅读 · 0 评论 -
VUE05 动态组件, 插槽, 具名插槽, 插槽案例
1.动态组件<script> /* 动态组件: 加载哪个组件不一定 在父标签中: <component :is="模板名"></component> 模板名可以是变量,我们可以通过改变变量控制显示的内容 */</script>...原创 2021-06-07 20:05:51 · 304 阅读 · 0 评论 -
VUE 04 全局组件,局部组件,组件中的数据, 组件嵌套, 父数据传子,子数据传父
1.全局组件的创建<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8" /> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head>&原创 2021-06-03 21:24:26 · 174 阅读 · 0 评论 -
购物车案例
<!DOCTYPE html><html><head> <title>vue版本的购物车</title> <meta charset="utf-8"> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 最新版本的 Bootst.原创 2021-06-02 23:46:01 · 73 阅读 · 0 评论 -
vue 自定义指令,过滤器
1.数组复习<script type="text/javascript"> /* 循环出10-100的10个数 */ //声明一个空数组 let arr = []; for(var i=0;i<10;i++){ arr[i] = Math.floor((Math.random()*90)+10); } //console.log(arr); //冒泡排序 for(var i = 0;i<arr.length;i++){ for(var i2 =原创 2021-06-02 22:59:56 · 97 阅读 · 0 评论 -
VUE 03 属性绑定,类绑定,循环,计算方法,表单传值
1.<style> *{ margin: 0; padding: 0; } button{ width: 400px; height: 200px; font-size: 50px; }</style><body> <div id='app' > <!-- {{fun()}} --> <!-- 这个地方不注释执行36行就报错,不知道为什么难过呀,这vue源码也看不明白呀 --> <原创 2021-06-01 20:16:16 · 571 阅读 · 0 评论 -
VUE 02
1.JS与vue的双向数据绑定<body><h2>js完成双向数据绑定</h2> <div id='app1'> <input type="text" id='input' name=""> <p id='p1'></p> <p id='p2'></p></div> <h2>使用vue完成双向数据绑定</h2> <div原创 2021-05-31 20:27:58 · 146 阅读 · 2 评论 -
2021-05-30 VUE01
vue.js vue定义:就是一个前端框架 框架: 前端:html css bootstrap js jq vue ..... 后端:php java..... 使用框架的目的是方便更快度的开发vue简介 vue是什么?? 渐进式框架 渐进式:你可以讲vue作为你应用的一部分,嵌入在其中,可以让用户有更好的体验 我的理解:模块化开发程序 vue和jquery什么个关系??? js document.g原创 2021-05-30 22:48:20 · 66 阅读 · 0 评论