- 博客(28)
- 收藏
- 关注
RSS订阅原创 组件中的v-model
3、当监控到组件中的modelValue 的值有所改变时，再把modelValue 的值传给父组件；需要单独定义 @update去修改父组件的值，而modelValue 是可以接收父组件的值去渲染；子组件不能直接修改父组件的值，所以v-model不适用；4、这样就实现了modelValue 数据的双向绑定；1、父组件把modelValue 的值传给子组件；是子组件在模版中渲染传过来的值；
2023-08-23 09:31:38
259
原创 Vue3大事件管理系统
Authorization里面放的就是token，就相当于每次发送请求的时候，拦截器都会拦截一次你的请求，来验证请求的token与储存的token是否是一致的。优化：由 stores 统一维护，在 stores/index.js 中完成 pinia 初始化，交付 main.js 使用。初始化 husky 工具配置 https://typicode.github.io/husky/现在：初始化代码在 main.js 中，仓库代码在 stores 中，代码分散职能不单一。
2023-07-21 10:53:21
669
原创 如何安装vue的dev-tools插件
4、打开Chrome浏览器，右上角的设置三点图标——更多工具——扩展程序——打开开发者模式。6、等待会，出现vue.js的图标，选择加入扩展程序；这个时候插件已经成功安装了；5、把解压好的dev-tools插件拖到 Chrome浏览器；2、搜索Vue，选择——Vue Devtools。7、点击插件详情，找到允许访问文件网址，打开；8、关闭浏览器，重新启动项目，就可以使用啦；3、点击推荐下载，解压。1、百度搜索极简插件。
2023-07-17 12:31:00
1391
原创 vue3状态管理工具pinia
为了从 store 中提取属性时保持其响应性，你需要使用 storeToRefs()。store 是一个用 reactive 包装的对象，这意味着不需要在 getters 后面写 .value；需要使用defineStore来创建store仓库，有两个参数；创建好仓库之后，需要有一个变量来接收；pinia 是Vue的最新状态管理工具，是Vuex的替代品；action中的异步写法和组件当中的异步写法是一样的；现在，你的整个 Store 将使用默认持久化配置保存。仓库创建好之后，如何使用里面的数据呢？
2023-07-15 15:29:46
577
原创 Vue3 基础知识一
在Vue3中，在自定义组件上使用v-model，相当于传递一个modelValue属性，同时触发 update:modelValue 事件；但是因为在setup语法糖的规则下，默认组件中的属性和方法时私有的；写法就是错误的，因为countAdd.value是只读的，不能修改；在不开启deep的情况下，精确侦听name的变化，只有name发生变化时，才执行回调函数；为了实现这个效果，可以在顶层组件中定义一个方法，然后传给底层组件，间接进行修改；模版引用，指的是 ref 向组件中获取真实的DOM对象或者组件；
2023-07-13 11:41:15
228
原创 使用Vue CLI 5.0工具创建出一个新的项目目录
store文件夹是你选配了Vuex之后才会有的文件，主要用于项目内某些状态的保存。main.js文件是一个很重要的文件，是浏览器解析最先加载的入口文件。这个文件的主要功能是通过import的方式导入各种资源，然后新建了一个vue实例。这里定义的组件都属于公共组件，任意的Vue页面中都可以（多次）调用。除了基础的依赖文件之外，它还会去识别我们package.json文件中保存的依赖信息并逐一安装。node_modules文件夹中存放的是各种项目依赖文件，其中包括很多基础依赖和自己安装的依赖。
2023-07-04 17:09:09
436
原创 vant组件库主题定制
一般是通过查找元素，找到类名加/deep/进行更改；为了实现样式的复用。可以使用vant组件的主题定制；缺点：只在本组件中生效，不能实现样式的复用；使用vant组件库时，想要修改组件的样式；
2023-07-01 23:34:00
485
原创 axios,项目小记
offset: 偏移数量 , 用于分页 , 如 😦 页数 -1)*50, 其中 50 为 limit 的值 , 默认 为 0。调用例子 : /top/artists?可选参数 : limit: 取出数量 , 默认为 50。比如要调的接口地址为：/top/artists。说明 : 调用此接口 , 可获取热门歌手数据。utils 是工具的意思。
2023-07-01 11:59:46
73
原创 vue 组件中的路由
通过代码编写的方式来进行跳转页面，在JS中是通过location.href来进行跳转的；当用户访问/路径时，通过redirect属性重定向到/home的路由规则；指的是通过点击标签进行跳转的导航，比如说a链接，router-link。1、如果将要访问的是main主页，需要判断是否有token；路由的编程式导航是通过路由的API来进行跳转的；2、如果将要访问的不是main主页，直接放行；通过路由实现组件的嵌套展示，叫做嵌套路由；路由规则中，path属性不是固定的；导航守卫可以控制路由的访问权限；
2023-06-28 10:36:35
704
1
原创 vue基础3-组件
自定义指令</p>【注意】当指令第一次绑定到元素上时，会立即触发bind()函数；el参数指的是绑定的DOM元素<p v-color="color">自定义指令</p><p v-color="'red'">自定义指令
2023-06-26 00:43:22
215
1
原创 Vue组件的生命周期
生命周期（lift cycle）是指一个组件从创建->运行->销毁的过程；生命周期函数：是Vue的内置函数，会伴随着生命周期，自动执行；数据发生变化时，会触发这个运行阶段的函数；
2023-06-19 23:01:31
73
原创 组件之间的样式冲突问题 scoped属性
给每个style标签加上 scoped属性，样式就会 变成私有的，不会影响全局；当使用第三方组件库时，如果有修改第三方默认样式的需求,需要用到/deep/;
2023-06-19 21:53:57
199
原创 vue2基础知识1
如果在绑定事件时，没有传参；事件处理函数会默认传一个参数e,通过e.target可以获取操作的dom元素；在filters节点下的过滤器就是私有过滤器；指令是vue为开发者提供的模版语法，用于辅助开发者渲染页面的基本结构；vue是一套构建用户界面的渐进式的，自底向上的前端框架；监听页面上的数据的变化，从而针对数据的变化做特定的操作；如果需要频繁的切换元素，使用v-show，性能优化；页面初始化时，条件为false时，使用 v-if；如果在绑定事件时，有传参，还想传参e,那就。全局过滤器有两个参数，
2023-06-18 19:50:02
53
原创 vue3初始化项目
创建好项目，认识了项目目录，要开始做项目的前提，还是初始化项目：初始化项目——设置别名初始化项目——设置全局样式内容初始化项目——封装网络请求**1、设置别名alias**@ is an alias to /src新建一个 vue.config.js 文件：在vue.config.js 文件中使用webpack 进行打包，设置别名，如下所示：module.exports = { configureWebpack:{ resolve:{
2021-09-13 16:40:37
821
原创 vue3 的项目结构详解
创建好项目之后，在项目名称下，刷新，会出现一系列的目录，那么这些目录又代表什么意思呢？如上图，我创建的项目名称为ewshop,有三个大目录：、node_modules，npm 加载的项目依赖模块，配置package.json之后执行npm install后自动创建的文件夹；依赖的包通过package.json进行查看版本；public目录： 项目公共目录，存放静态资源(img、js、css)等公共资源；public 目录下：有两个文件：(1)favicon.ico 是图标(2) inde
2021-09-13 12:07:06
2316
原创 如何创建一个vue3 的项目？
搭建一套 利用 webpack 管理 vue 的项目结构创建项目1、安装： npm install -g @vue/cli2、检查版本：vue --version3、创建项目：vue create 项目名称4、创建项目之后会出现 几个选项， 根据自己的需要选择创建vue版本的项目；我选择的是vue3,版本的项目；5、选择好之后，稍等片刻，会出现下面两个选项$ cd ewshop（项目名称）$ npm run serve切换到项目下，然后运行项目；通过 local 网址访问项目
2021-09-13 11:34:45
118
原创 webstorm 当中的打字光标怎么设置成正常的
今天无意间不知道摁了哪个快捷键，光标由竖线变成了方块，如图解决办法：点击 insert 键就可以了
2021-09-07 15:39:39
1041
转载 如何将本地项目上传到gitee
参考网址：https://www.cnblogs.com/hongshaozi/p/12700804.html如何将本地项目上传到gitee不想废话，直入主题：第一步：首先你得有一个gitee仓库（登录注册自己解决）友情提供： gitee官网地址.https://gitee.com/首先：进入gitee官网（登录注册自己解决，没难度） 新建仓库，点击 + ，如图：选择 新建仓库然后：填写仓库信息：如图：都在图里再然后：创建完成之后：看看你的仓库，如图至此，仓库创建完毕。第二步：将创建
2021-08-25 18:00:57
214
原创 CSS基本内容
布局应该注意的地方在开始布局之前,把浏览器的内外边距清零 */*{padding: 0px;margin: 0px;}快捷键 注释快捷键：ctrl + / 取消注释： ctrl + zHTML 编写快捷键 例如:ul.header> li.header-1{元素内容} *10ul 的class=“header”, li 的class="header’, 花括号里面的是元素内容，*10 代表有10个 li 项父元素和子元素之间用大于号 >ul #heade
2021-06-14 01:31:33
296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人