
vue
艾米家的猫儿(傻钢)
talk is cheap, show me the code(甭废话,把你的程序(code)给我看)
展开
-
vue 右键使用 组件vue-contextmenujs
vue 右键使用 vue-contextmenujs 组件内使用原创 2023-03-23 10:04:10 · 1155 阅读 · 0 评论 -
VUE antdesign 开发即时通讯基础样式
vue 开发即时通讯原创 2023-02-24 16:01:26 · 384 阅读 · 0 评论 -
vue 开发环境 卸载node 版本 切换新的 node 版本 mac电脑
注意:操作的机器当前是mac,先卸载,再安装原创 2023-02-15 09:06:00 · 1242 阅读 · 0 评论 -
H5唤起 uniapp 版的app 端
vue H5唤起本地的 app,很好用原创 2022-08-31 13:15:24 · 8020 阅读 · 1 评论 -
uniapp app 端截屏且保存到本地
uniapp 开发 APP端截屏且保存到本地原创 2022-06-17 15:59:51 · 2120 阅读 · 1 评论 -
ant-desing-table 全局刷新 及 当前分页刷新 第二页修改返回第二页刷新 a-table 与 s-table 都是一样的 使用方法this.$refs.table...
刷新第三页数据原创 2022-06-14 10:41:12 · 6406 阅读 · 2 评论 -
vue3.0的hook数据 与 vue2.0的mixin数据理解和使用
vue2.o的mixin方法和vue3.o的hooks方法区别和使用原创 2021-12-23 11:44:44 · 907 阅读 · 0 评论 -
vue2.0和vue3.0生命周期对比
vue2.o与vue3.0对比原创 2021-12-23 10:36:30 · 1677 阅读 · 0 评论 -
vue 项目 想修改代码严格模式 lintOnSave
1.再根目录下创建一个文件vue.config.js!2.写如下代码!module.exports = { lintOnSave:true ,// 严格模式开启(默认true)或者关闭(false)}3.修改跟文件记得要重启项目!原创 2021-12-20 13:29:54 · 1325 阅读 · 1 评论 -
安装vue3项目(vite和webpack两种方式)
第一步,使用webpack来创建项目1.检查当前vue版本( 检查当前vue版本,不高于4.5.请更新先卸载再更新最新版本)vue -V2.卸载vue及更新vuenpm uninstall vue-cli -g //卸载npm install -g @vue/cli // 更新3.借助脚手架创建vue3项目,创建完成后,根据自己的实际情况进行选择vue create 项目名称我用得yarn4.启动项目cd 项目名yarn serve方式二 ,使用心得vite创建v原创 2021-12-20 13:21:10 · 1808 阅读 · 0 评论 -
Vue - 面试大纲26问
1.声明周期理解;2.对mvvm理解;3.v-model和:value区别;4.watch监听;5.计算属性computed;6.watch和computed却别;7.动态class;8.v-show和v-if区别;9.v-if和v-for是否能同用再一个节点上;9.父子兄弟组件传参5中方法;10.插槽得应用及传参;11.vuex得应用理解,state,getters,mutations,actions和mapState,mapGetters,mapActions ;12.vueRouter的应用。原创 2021-11-29 13:17:56 · 2390 阅读 · 0 评论 -
VUE常用组件库
移动端常用组件库1.Vant https://youzan.github.io/vant2.Cube UI https://didi.github.io/cube-ui3.Mint UI https://mint-ui.github.iopc端常用组件库1.Element UI https://element.eleme.cn2.IView UI https://www.iviewui.com...原创 2021-11-19 10:59:56 · 6498 阅读 · 0 评论 -
router路由守卫,前置路由守卫,后置路由守卫,都享路由守卫,组件路由守卫,auth路由设置是否需要登录,路由工作模式history模式和hash模式的理解
1.全局前置路由守卫废话得听:路由跳转之前执行 有三个返回参数 to, from, nextrouter.beforeEach((to, from, next) => { console.log(to,from) next() // 放行可以可以跳转的意思})2.全局后置路由守卫废话得听:路由跳转之前执行,后置路由守卫没有next 只有to fromrouter.afterEach((to, from) => { console.log(to,fro.原创 2021-11-19 10:53:40 · 997 阅读 · 0 评论 -
Vue路由;query传参;params传参;router-link的repalce属性;back/forward/push/repalce,go的用法;keep-alive及两个新生命周期使用;
路由得理解:vue的一个插件库,专门用来实现SPA应用.1.基本使用npm 安装路由注意:yarn 安装 yarn add vue-routernpm i vue-router原创 2021-11-18 14:55:08 · 453 阅读 · 0 评论 -
Vuex理解使用;store封装;actions,mutations,state,getters使用;mapState,mapGetters,mapMutations,mapActions使用
**搭建vuex环境**1.安装 npm i vuex2. 引入store;import store from ‘你的存放路径’在new 中 写store使用store;创建store的两种方式src下创建store文件夹,新增一个index.js文件编写index.js文件 创建三个对象分别是actions ,mutations,state// 引入vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)..原创 2021-11-17 15:51:07 · 1613 阅读 · 0 评论 -
Vue 引入外部css样式两种方式 import 和link ; mixin.js的使用、全局引入封装的样式;
全局使用动态样式及 mixins 的使用!原创 2021-11-17 11:57:54 · 9786 阅读 · 0 评论 -
axios 的使用,跨域解决,vue-cli 配置代理服务器, proxy配置两种方法
**安装axios**1.安装: npm i axios2.引入: import axios from axios;3.请求getaxios.get('访问地址').then( res => { console.log('成功的返回') }, err = > { console.log('失败的返回') })问题1,跨域(同源:服务名,主机名,端口号必须一致),下图两个字段代表跨域解决办法,1.cors,不需要前端人员操作;让后端配置返回参数中的响应头;原创 2021-11-17 11:45:47 · 655 阅读 · 0 评论 -
vue动画两种方式,第一种原生的vue写,第二种使用animate.css库
**// appear=> true 初始化进入页面执行动画 原生vue直接使用// 注意:没有name 样式直接用v-enter-active// 有name 样式需要用hello-enter-active// 样式中动画名称固定 默认用v- 有name 用的是hello// transtion 没有任何实际作用,跟block意思很像;**## 方法一 借助动画实现<transtion appear name='hello'> <h1>hello原创 2021-11-17 10:56:22 · 445 阅读 · 0 评论 -
判断对象是否有指定的属性 hasOwnProperty的使用及给对象增加一个属性,input自动获取焦点,$nextTick的使用和定义
**判断对象中是否有指定属性**let person ={ name:'张三', age:19}let isHave = person.hasOwnProperty('sex') // => false注意:判断person对象中是否有sex属性,没有返回false,有返回true;**向某个对象中追加指定属性** this.$set('对象名','对象key','对象val')**input自动获取焦点** // 在 input 上加一个ref属性名为i原创 2021-11-17 10:09:19 · 320 阅读 · 0 评论 -
vue 全局事件总线$bus理解(任意组件间传参), pubsub消息订阅与发布理解
$bus 全局事件总线理解子传父理解原创 2021-11-16 17:28:37 · 639 阅读 · 0 评论 -
VUE 脚手架笔记 vue.config.js配置文件默认有状态等,可以重写
{// console.log(newVal,oldVal);// }// }// } // 简写 w原创 2021-10-19 17:32:22 · 173 阅读 · 0 评论 -
vue 计算属性 computed得使用和充分理解
<script type="text/javascript"> const vm = new Vue({ el:"#root", data:{ firstName:'张', lastName:'三胖', }, computed:{ fullName:{ get(){ return.原创 2021-10-19 14:56:09 · 84 阅读 · 0 评论 -
vue 去掉开发中的没所谓的错误提示
Vue.config.productionTip = false原创 2021-10-14 15:43:33 · 1149 阅读 · 0 评论 -
vue缺省页面处理,找不到页面处理
原创 2021-10-11 16:37:04 · 710 阅读 · 0 评论 -
vue uniapp 兼容
:src="https://e-chain.cnskl.com/storage/imageresource/no-image/${name}.png"原创 2021-09-08 09:22:23 · 491 阅读 · 0 评论 -
2021-09-02 ↵在页面上的显示换行 uniapp // vue均可使用
↵在页面上的显示换行原创 2021-09-02 09:13:50 · 296 阅读 · 0 评论 -
vue uniapp 小程序等 使用es6动态插入变量
<image :src="`/static/mine/no-image/${name}.png`" mode="widthFix"></image>原创 2021-08-02 10:23:22 · 307 阅读 · 0 评论 -
uni-app / vue 使用微信开发标签标签wx-open-subscribe
经过N久得爬坑,终于做出来了,废话不多说,直接上代码,样例为uniapp vue 同理,直接新建一个文件打开即可 ,同时把所有得wx. 换成uni.;有人会问你这一看就是小程序啊,非也非也,我写得是uni,但是呢,是从小程序逆转过来实现得,也支持微信得写法;前提:1.模板id必须有,没有跟运维要跟后端要; 即代码中得‘ templateIds’2.如果出现点击不好使得问题 确保id是初始化就加载,隐藏起来不好使,别问为什么,就是那么回事3.如果电脑上报错addEventListener原创 2021-07-16 17:10:16 · 5362 阅读 · 6 评论 -
vuex 最全使用攻略
1.常规vue传参注意: 不要再mutations中执行异步操作!想要执行异步操作请用action原创 2021-05-21 14:07:04 · 92 阅读 · 0 评论 -
菜鸟级别 创建vue 移动端完整版本 最全版本
第一步,前置说明相关1.前端技术薪资介绍Html5+Css3+Jquery PC 端 移动端静态页面 6k-8k Angular 、 Vue 、React 10k+ Nodejs 13+ 混合 app 开发 Ionic ReactNative 15k+ 基础都是免费 项目实战赞助Angular5 https://www.itying.com/goods-232.html Nodejs+Express 基础全部免费 https://www.itying.com/go...原创 2021-05-21 11:50:18 · 443 阅读 · 0 评论