VUE
VUE类学习资源
&Cy
仅个人查找,记录,学习,存储记录资料用
资料来这查找、转载、自己记录各方面
展开
-
Vue项目开发最新、最全代码规范文档(来自转载)
一、 目录结构|— build 构建脚本目录 |— build.js 生产环境构建(编译打包)脚本 |— check-versions.js 版本验证工具 |— utils.js 构建相关工具方法(主要用来处理css类文件的loader) |— vue-loader.conf.js 处理vue中的样式 |— webpack.base.conf.js webpack基础配置 |— webpack.dev.conf.js webpack开发环境配置转载 2022-05-16 11:30:44 · 508 阅读 · 0 评论 -
vue +axios 项目本地引入json 出现404
vue + axios 引入本地json 出现404检查以及解决方案:1 检查静态资源是否放在static文件夹下 或public文件夹下注意:在vue-cli项目中,我们静态资源只能放在static文件夹中,axios使用get请求vue-cli 创建的文件目录,如果是只有 public 而没有 static 文件夹,则直接将 json 文件放入 public 文件夹中,并且请求的时候不要带上 public ,直接 ‘./xxx.json’ 即可...原创 2022-02-25 17:00:15 · 805 阅读 · 0 评论 -
Vue中computed和watch的区别(转载)
https://www.jianshu.com/p/1afb34973d0e转载来自转载 2022-02-15 11:01:38 · 71 阅读 · 0 评论 -
vue-cli基础上搭建uniapp
VUE搭建(vue-cli)UniApp一 安装Vue-cli#使用淘宝npm仓库加速npm config set registry https://registry.npm.taobao.org#安装Vue clinpm install -g @vue/cli二 搭建UniAppvue create -p dcloudio/uni-preset-vue 你的项目名选择模板使用方向键,选定后按ENTER三 进入项目并运行cd 你的项目名称npm run serve..原创 2021-10-09 13:41:41 · 270 阅读 · 0 评论 -
Vue主要问题
转载来之:https://blog.csdn.net/Missbelover/article/details/88230837#insertcode转载 2021-09-14 15:13:03 · 60 阅读 · 0 评论 -
vue-cli2/3/4的区别
vue-cli2/3/4的区别转载来自:https://blog.csdn.net/weixin_43886137/article/details/106522379转载 2021-08-26 09:24:36 · 118 阅读 · 0 评论 -
## Taro vs uni-app选型对比经历
Taro vs uni-app选型对比经历[转载来至:https://juejin.cn/post/6844903768794857480](https://juejin.cn/post/6844903768794857480)转载 2021-08-26 09:02:18 · 159 阅读 · 0 评论 -
Vue-router(路由)详细教程(未完成待补充)
Vue-router(路由)详细教程一、安装命令 : npm install vue-router二 创建router/index.jsimport Vue from 'vue' //引入Vueimport Router from 'vue-router' //引入vue-routerimport Hello from '@/components/Hello' //引入根目录下的Hello.vue组件 Vue.use(Router) //Vue全局使用Router export原创 2021-07-01 11:09:27 · 122 阅读 · 0 评论 -
vue路由中hash模式
vue路由中hash模式import Vue from 'vue'import Router from 'vue-router'import { router } from './router/index'Vue.use(Router)export default new Router({ mode: 'history', // mode: 'hash', base: process.env.BASE_URL, scrollBehavior: () => ({ y: 0 })原创 2021-06-30 17:49:29 · 7245 阅读 · 2 评论 -
Vue 路由 导航守卫(前置守卫、后置守卫、组件内守卫)
Vue 路由 导航守卫总体来讲vue里面提供了三大类钩子,两种函数1、全局钩子1、某个路由的钩子3、路由组件的钩子···全局前置守卫router.beforeEach 注册一个全局前置守卫 ---->/*在跳转之前执行*/const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})to: Route: 即将要进入的目标from: Route: 当前导航正原创 2021-06-30 17:33:15 · 1310 阅读 · 0 评论 -
VueX浏览器刷新如何保存数据
VueX浏览器刷新如何保存数据···方法一:在 App.vue 的 created 钩子函数里写下了如下代码;//在页面加载时读取localStorage里的状态信息 localStorage.getItem("userMsg") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("userMsg")))); //在页面刷原创 2021-06-30 16:37:31 · 2433 阅读 · 0 评论 -
vue.config.js 配置构建(手动构建教程)
vue.config.js 配置构建文章转载来自https://www.jianshu.com/p/b358a91bdf2d转载 2021-06-30 16:28:51 · 353 阅读 · 0 评论 -
VUE3环境搭建
VUE3环境搭建··文章来自:https://blog.csdn.net/cyy356/article/details/102868257转载 2021-06-29 17:47:03 · 69 阅读 · 0 评论 -
VueX之 module 使用方法及场景(二)
VueX之 module 使用方法及场景(二)文章参考:https://segmentfault.com/a/1190000017842777转载 2021-06-29 17:05:56 · 75 阅读 · 0 评论 -
VueX之 module 使用方法及场景(一)
VueX文章介绍(下篇)原创 2021-06-29 17:05:39 · 439 阅读 · 0 评论 -
VueX文章介绍(上篇)
VueX文章介绍1关于VueX·VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。在VueX对象中,其实不止有state,还有用来操作state中数据的方法集,以及当我们需要对state中的原创 2021-06-29 16:03:13 · 69 阅读 · 0 评论 -
vue中ref的作用
vue中ref的作用ref:如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例··情况一:在普通的 DOM 元素上使用<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div><转载 2021-06-28 18:13:01 · 171 阅读 · 0 评论 -
VUE项目中的父子,兄弟组件之间的传值。
VUE项目中的父子组件之间的传值。转载至:https://www.cnblogs.com/wzfwaf/p/11280153.html首先说一下父子组件就是在一个vue文件中引入另一个vue文件,被引入vue文件就是子组件,引入vue文件的vue文件就是父组件。而在父组件中是不能直接调用子组件中的变量值的。下面详细说一下,父子组件之间怎么传值。情况一:父组件给子组件传值方法,使用props```go<!DOCTYPE html><html lang="en"> &l原创 2021-06-28 16:42:24 · 343 阅读 · 0 评论 -
vue组件的驼峰式命名与短横线分割命名
vue组件的驼峰式命名与短横线分割命名参考:https://blog.csdn.net/qq_43650979/article/details/105839130官网给出说明为:官网给出说明为:1.注册组件的时候使用了驼峰命名如果在注册组件的时候使用了驼峰命名, 那么在使用时需要转换成短横线分隔命名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <转载 2021-06-28 09:50:20 · 3347 阅读 · 0 评论 -
2021-06-09
vue cli3.0快速搭建项目详解(强烈推荐)【转发 来自 https://www.cnblogs.com/coober/p/10875647.html 】仅供自己收藏学习转载 2021-06-09 10:12:46 · 31 阅读 · 0 评论 -
JS原型和原型链是什么?其详解(来自转载)
转载自:https://blog.csdn.net/qq_42019025/article/details/80708446转载 2020-12-09 21:41:02 · 61 阅读 · 0 评论 -
vue如何在页面刷新时保留状态信息
vue如何在页面刷新时保留状态信息本篇转载至来自简书,仅供自己学习用。1、通过本地存储 state中的数据,页面刷新成功后再次从本地存储中读取state数据// vuex中的数据发生改变时触发localStorage的存储操作localstorage.setItem('state', JSON.stringify(this.$store.state))// 页面加载的时候在created中获取本地存储中的数据localStorage.getItem('state') &&转载 2020-12-03 12:21:21 · 2964 阅读 · 0 评论