Vue
文章平均质量分 56
该专栏主要是记录一些vue的学习知识点,总结常见的问题。记录易错和易忘知识点
菜鸟猪猪侠yy
这个作者很懒,什么都没留下…
展开
-
wbpack基础知识
wbpack解说文章目录wbpack解说1.loader2.插件(plugin)3.模式(mode)4.浏览器兼容性5.使用不同的配置文件6.学习路线图7.webpack大致打包流程图8.webpack 打包学习8.1 webpack.config.js文件解说图片处理学习进度9.常用命令10.webpack的哪些坑11.devserver13.构建环境配置14.提取多个css文件为一个单独的文件15.css兼容性处理16.压缩css17.js语法检测eslint1.loaderwebpack 只能原创 2021-09-23 12:04:07 · 186 阅读 · 0 评论 -
说说QQ音乐项目的那些bug
说说QQ音乐项目的那些bug文章目录说说QQ音乐项目的那些bug1.开发工具2..数据库2.1 命名空间namespace2.2 主键自增2.3 mysql的一些坑3.同源策略的解决4.vue的一些坑5.登录注册验证的总结6.mybatis的一些注意事项对于查询对于更新、删除关于插入数据成功表中却没数据约束文件内容vue中引入jquery7.路由配置1.开发工具1.后端:spring+mybatis+springmvc2.前端:html+css+js+Vue+webpackvue中有几个核心的配置原创 2021-09-18 16:41:33 · 9742 阅读 · 2 评论 -
render函数的使用
render函数的使用文章目录render函数的使用1.什么是虚拟DOM2.createElement参数3.数据对象4.示例代码(带详细注释)1.什么是虚拟DOMVue 通过建立一个虚拟 DOM 来追踪自己要如何改变真实 DOM。请仔细看这行代码:return createElement('h1', this.blogTitle)createElement 到底会返回什么呢?其实不是一个实际的 DOM 元素。它更准确的名字可能是 createNodeDescription,因为它所包含的原创 2021-08-20 11:01:18 · 259 阅读 · 0 评论 -
渲染函数的使用
渲染函数的使用1.2.3.4.完整代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <style type="text/css">原创 2021-08-19 18:52:10 · 175 阅读 · 0 评论 -
Vue学习之x-template
Vue学习之x-template文章目录Vue学习之x-template1.书写多行语句的template字符串:2.x-template的使用如果没有x-template:就会像下面这样多行书写,且需要‘\’连接符,会阅读困难template:'<div>hello world\ <p>p标签</p>\ </div>' 1.书写多行语句的template字符串:Vue.component('my-component', {原创 2021-08-19 17:09:17 · 652 阅读 · 0 评论 -
vuex状态管理
vuex状态管理的使用文章目录vuex状态管理的使用1.起步2.访问全局状态2.1mapState函数访问:3.通过Mutation修改全局状态3.1触发mutations函数的第一种方法3.2触发mutations函数的第二种方法4.使用action处理store中函数的异步调用1.起步1.安装vuexnpm install vuex --save2.在src目录新创建一个js文件用于vuex,然后在该目录下引入vuex,如下:import Vue from 'vue'import Vu原创 2021-08-18 22:41:09 · 56 阅读 · 0 评论 -
父子组件之间值的传递
父子组件之间值得传递文章目录父子组件之间值得传递1.父传子2.子传父参考网址:https://cn.vuejs.org/v2/api/#props1.父传子子组件代码:父组件代码1.props: [‘size’, ‘myMessage’]类型的接收方式;2.进行类型检查式的接收数据2.子传父可以通过在子组件触发父组件中得事件来达到传值得效果。(传值时可以携带一个参数发给父组件)注意:一定要将子组件在父组件中注册,触发父组件的事件只能写到父组件引用的子组件中如下图错误的做原创 2021-08-18 19:39:17 · 81 阅读 · 0 评论 -
vue脚手架的创建
创建一个vue脚手架项目安装node.js 官网:https://nodejs.org/zh-cn/尽量选择LTS进行安装(会进行长期的支持)测试npm 和node.js是否安装成功。npm -vnode -v如果显示相应的版本则安装成功。**注意**:安装好node.js后会默认配置node.js的系统环境变量。可再path中查看。安装淘宝镜像cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.原创 2021-08-01 18:50:15 · 69 阅读 · 0 评论 -
vue中引入样式的方法
vue中引入样式的方法文章目录vue中引入样式的方法1.引入css文件1.1在style标签中引入(可设置成局部)1.2全局引入1.3局部引入2.组件内部引入样式的污染3.同一个组件内新写样式4.@import和import的区别1.引入css文件1.1在style标签中引入(可设置成局部)在标签上添加 scoped 属性后则变成了局部引用注意:下图的icon.css文件仍然是全局引用,需要将文件后缀改为scss或者less才能变成局部的在更换过程中建议改成scss类型,因为它支持css的所有原创 2021-08-18 09:07:40 · 9623 阅读 · 4 评论 -
vue过滤器的使用
vue过滤器的使用及生命周期文章目录vue过滤器的使用及生命周期1.过滤器的作用2.定义过滤器和使用2.1全局定义过滤器:2.2局部定义过滤器2.3过滤器的基本使用3.带参数的过滤器4.vue生命周期1.过滤器的作用2.定义过滤器和使用2.1全局定义过滤器:Vue.filter(‘名称’,function(value){业务逻辑})2.2局部定义过滤器filters:{upper:function(){//其中:upper为过滤器名称,function为逻辑处理}}2.3过滤器原创 2021-08-12 14:29:15 · 148 阅读 · 0 评论 -
vue常见单词
vue常见单词1.Maximum:最大的2.exceeded:过度的原创 2021-08-17 21:37:46 · 1192 阅读 · 0 评论 -
vue计算属性
vue计算属性文章目录vue计算属性1.计算属性的使用2.计算属性与方法methods的区别B站学习地址:https://www.bilibili.com/video/BV145411N7km?p=38&spm_id_from=pageDriver1.计算属性的使用意义:用于处理复杂的逻辑,可以节约耗时计算的性能。具体使用:2.计算属性与方法methods的区别1.计算属性是基于依赖缓存实现的2.方法不存在缓存示例:...原创 2021-08-12 13:57:28 · 81 阅读 · 0 评论 -
vue自定义指令的使用
vue自定义指令的使用文章目录vue自定义指令的使用1.为何要使用自定义指令:2.自定义指令的规则和用法2.1全局定义指令2.2使用自定义指令2.3定义局部自定义指令2.4自定义指令中的钩子函数钩子函数2.5携带参数的自定义指令2.5.1钩子函数参数2.5.2传入参数的自定指令的使用1.为何要使用自定义指令:因为内置指令无法发满足特定需求2.自定义指令的规则和用法2.1全局定义指令2.2使用自定义指令通过:即可2.3定义局部自定义指令如果想注册局部指令,组件中也接受一个 direct原创 2021-08-12 15:13:59 · 66 阅读 · 0 评论 -
Vue侦听器的使用
Vue侦听器的使用文章目录Vue侦听器的使用1.什么是侦听器2.如何使用侦听器3.vm.$watch API的使用4.vm.$watch的返回值5.vm.$watch()中选项的使用6.回调内部调用一个取消侦听的函数7.实例展示1.watch的使用2.this.$watch()的使用案例1.什么是侦听器虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 `watch` 选项提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时**执行异步或开销较大**的原创 2021-08-12 12:25:32 · 315 阅读 · 0 评论 -
Vue中阿里图标的使用
Vue中阿里图标的使用1.下载图标进入阿里图标库官方网站,将要使用的图标添加到购物车,然后下载到本地进行解压2.vue文件中引入图标文件3.代码引入方式:这里只需要引入对应的iconfont.css文件就可以了4.注意ttf、woff文件iconfont.css文件中引入了.ttf、.woff、.woff2文件。如下图注意:如果更改了woff2、woff、ttf这些文件的位置,那这里面的路径也需要更改。...原创 2021-08-16 19:47:25 · 734 阅读 · 0 评论 -
await和async的使用及区别
Async和Await的使用及区别参考网址:https://www.cnblogs.com/liquanjiang/p/11409792.html1、首先需要理解async 和 await的基本含义async 是一个修饰符,async 定义的函数会默认的返回一个Promise对象resolve的值,因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数<!DOCTYPE html><html> <head> <meta原创 2021-08-12 22:32:05 · 623 阅读 · 0 评论 -
vue插槽的使用
vue插槽的使用文章目录vue插槽的使用1.什么是插槽及插槽使用2.具名插槽1.什么是插槽及插槽使用插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签1、在子组件中放一个占位符<template> <div> <h1>今天天气状况:</h1> <slot></slot> <原创 2021-08-12 23:19:52 · 125 阅读 · 0 评论 -
关于npm的使用以及vue项目文件的理解
关于npm的使用以及vue项目文件的理解1.–save-dev 和 --save、npm install 区别–save 会将模块依赖写入dependencies 节点–save-dev 会将模块依赖写入devDependencies 节点。devDependencies 作为项目在编程时所用的插件,打包后不会打包进项目dependencies 是作为项目的依赖,最终会引入到项目中区别在于对项目package.json的修改,npm install不会修改package.json,而后两者会将原创 2021-08-17 21:34:28 · 273 阅读 · 0 评论 -
Vue路由及导航
Vue导航及路由用法文章目录Vue导航及路由用法1.常见的两种导航1.1声明式导航:1.2编程式导航2.常见的几种路由2.1命名路由2.2动态路由匹配2.3嵌套路由匹配3.命名视图4.嵌套命名视图5.重定向和别名5.1常见的几种重定向方式5.2路径别名1.常见的两种导航1.1声明式导航:该方法主要用于定义导航链接,然而有时候我们需要用代码动态改变链接,就需要用到下面这种编程式导航了。1.2编程式导航在 Vue 实例内部,你可以通过 $router 访问路由实例。因此你可以调用 this.原创 2021-08-15 14:18:38 · 710 阅读 · 0 评论