![](https://img-blog.csdnimg.cn/2021052210272966.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 73
前端路上的炮灰~
会持续更新
李和贵
开启全栈之旅!近期会更新可视化和服务端部分
展开
-
Vue3、vite项目页面自适应配置(postcss-plugin-px2rem、amfe-flexible)
vite 天生就支持对css文件的直接处理关于预处理器☀️目前,在工程化开发中,使用最多的应该就是Less、Sass和Stylus。☀️首先,还是介绍一下它们吧。它们有个统一的名字——css预处理器。☀️何为CSS预处理器?应该就是一种可以将你根据它的规则写出来的格式转成css的东西(还是讲的通俗一点)。☀️它们的出现可以说是恰逢其时,解决了css的一些缺憾:1、语法不够强大,不能够嵌套书写,不利于模块化开发。原创 2022-11-15 20:36:13 · 9283 阅读 · 10 评论 -
Pubsub(订阅与发布)、EventBus(事件总线)
用于组件之间通信,可以实现任意组件的通信发布订阅模式。原创 2022-06-09 20:40:32 · 312 阅读 · 0 评论 -
Vue-scoped解析、使用深度选择器
文章目录前言案例解析scoped原理深度选择器深度属性选择器原始csslessscss前言我们都知道Vue中,加上scoped的作用只是对于当前的组件有用(样式)<style scoped></style>案例解析scoped原理Home.vue<template> <div class="home"> <h1>hello</h1> <HelloWorld msg="Welcome to You原创 2022-04-10 19:56:49 · 1059 阅读 · 0 评论 -
Vue-深入浅出插槽slot
文章目录作用域默认内容具名插槽用法具名缩写官网示例作用域插槽独占默认插槽的缩写语法解构插槽 Prop动态插槽名作用域父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。默认内容我们可能希望这个 内绝大多数情况下都渲染文本“Submit”。为了将“Submit”作为后备内容,我们可以将它放在 标签内:<button type="submit"> <slot>Submit</slot></button>具原创 2022-03-29 21:42:16 · 730 阅读 · 0 评论 -
Vue-虚拟DOM(VNode、diff算法)
文章目录虚拟DOMvnodediff算法虚拟DOM虚拟DOM的解决方式是通过状态生成一个虚拟节点树,然后使用虚拟节点树进行渲染。在渲染之前会使用新的虚拟节点树和上一次生成的虚拟节点树进行对比,只渲染不同的部分。vnodediff算法...原创 2022-03-11 15:17:32 · 253 阅读 · 0 评论 -
Vue+Node.js项目部署到linux服务器完整版
创建资源在页面左侧,单击 云产品资源 下拉列表,查看本次实验所需资源。单击屏幕右侧 创建资源 ,免费创建当前实验所需云产品资源。说明:资源创建过程需要1~3分钟。完成实验资源的创建后,您可以在 云产品资源 列表查看已创建的资源信息,例如:IP地址、子用户名称和子用户密码等。连接ECS服务器资源创建完毕后,双击 LX终端图标 即可打开shell终端窗口。在终端中输入连接命令ssh [username]@[ipaddress]后按键盘enter键。您需要将username和ipaddres原创 2022-03-15 20:10:03 · 10580 阅读 · 1 评论 -
Vue-router简单说明、使用、拓展路由模块
vue-router适用于构建单页面应用,和vue.js是深度集成的路由用于设定访问路径,将路径和组件映射起来。在vue-router的单页面应用中,页面的路径的改变就是组件的切换步骤一、全局安装vue-routernpm i vue-router -s步骤二、vue-router使用的一般过程一、创建路由组件二、配置路由映射,组件和路径映射关系三、使用路由,通过和详细过程在src目录下,会有router文件夹,没有,则自己手动添加,在router文件夹中创建index.js原创 2021-01-31 22:37:01 · 970 阅读 · 2 评论 -
Vuex使用详解、简单实现一个Vuex
应用层级的状态应该集中到单个 store 对象中。提交 mutation 是更改状态的唯一方法,并且这个过程是同步的。异步逻辑都应该封装到 action 里面。原创 2021-03-09 20:33:10 · 741 阅读 · 1 评论 -
Vue服务端渲染
Vue官网服务端渲染原创 2021-10-17 21:32:49 · 77 阅读 · 0 评论 -
Element-UI
Vee Validata官网原创 2021-05-17 16:44:37 · 493 阅读 · 0 评论 -
Vue mixin、filters、插件、渲染函数&JSX
混入官方描述可以把多个组件公用的配置提取混合成一个对象过滤器官方解释(一般用法)插件官方描述功能:用于增强Vue本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据用处(摘自官网):插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方法或者 property。如:vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vue-touch通过全局混入来添加一些原创 2021-08-17 20:43:24 · 291 阅读 · 0 评论 -
MVVM (vue)、数据代理
概念介绍MVVM分为三个部分:分别是M(Model,模型层 ),V(View,视图层),VM(ViewModel,V与M连接的桥梁,也可以看作为控制器)1、 M:模型层,主要负责业务数据相关;2、 V:视图层,顾名思义,负责视图相关,细分下来就是html+css层;3、 VM:V与M沟通的桥梁,负责监听M或者V的修改,是实现MVVM双向绑定的要点;MVVM支持双向绑定,意思就是当M层数据进行修改时,VM层会监测到变化,并且通知V层进行相应的修改,反之修改V层则会通知M层数据进行修改,以此也实现了视原创 2021-08-09 01:00:13 · 104 阅读 · 0 评论 -
Vue-组件通信
父子组件的通信通过props向子组件传递信息props传值两种方式方式一:字符串数组,数组中的字符串就是传递时的名称 props:['cmovies','cmessage']加以类型限制props:{ cmovies:Arry, cmessage:String }提供一些默认值props:{ cmessage:{ type:String, default:'aaaaaa'}}方式二:对象,对象可以设置为传递时的类型,也可以设置成默认原创 2021-07-25 15:37:36 · 158 阅读 · 0 评论