vue相关
vue脚手架的环境搭建###这里先不说vue安装resourcenpm install vue-resource --savavue安装bootstrap这里请参考官网，如果是用的国内源，请用cnpm，https://bootstrap-vue.js.org/npm 安装 element官网：http://element-cn.eleme.io/#/zh-CN/component/installationcnpm 安装axios,后面应该是 --savecnpm 安装 fastclickcnpm 安装sty...
2024-01-10
vue相关报错
1.无ico时报错，GET http://localhost:8080/favicon.ico 404 (Not Found)解决方案：在vue根目录下的index.html的中加入下面一行代码 <link rel="shortcut icon" href="#"/>2.在文件中引入一个文件，favicon.ico ...
2024-01-10
Vue介绍
1、什么是VueVue.js是目前最火的前端框架，React是最流行的前端框架。和Angular.js与React.js一起并称为前端三大主流框架。Vue.js是一套构建用户界面的框架，只关注视图层。框架：是一套完整的解决方案，对项目的侵入性非常大。库：提供某一个功能的解决，对项目的侵入性很小。2、MVC与MVVM的关系MVC...
2024-01-10
Vue基础
Vue.js起手式+Vue小作品实战 本文是小羊根据Vue.js文档进行解读的第一篇文章，主要内容涵盖Vue.js的基础部分的知识的，文章顺序基本按照官方文档的顺序，每个知识点现附上代码，然后根据代码给予个人的一些理解，最后还放上在线编辑的代码以供练习和测试之用；在最后，我参考SegmentFault上的一...
2024-01-10
Vue相关，插槽怎么用！
插槽内容Vue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。它允许你像这样合成组件：<navigation-link url="/profile"> Your Profile</navigation-link>在 <navigation-link> 的模板中写为：<a v-bind:href="url" class="nav-link"> <slot></slot></a>当组件渲染的时候，<slot></slot> 将会被替换为“Your Profil...
2024-01-10
Vue 数据响应式相关总结
在说数据响应式之前，我们要解决一个很重要的问题，那就是Vue到底对data做了什么？先从getter和setter说起，我们用那个他们来对虚拟的属性进行读写。getter和setter有如下代码let obj0 = { 姓: "高", 名: "圆圆", age: 18};// 需求一，得到姓名let obj1 = { 姓: "高", 名: "圆圆", 姓名() { return this.姓 + this....
2024-01-10
Vue相关，diff算法。
1. 当数据发生变化时，vue是怎么更新节点的？要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？diff算法能够帮助我们。我们先根据真实DOM生成一颗virtual DOM...
2024-01-10
Vue 数据响应式相关总结
在说数据响应式之前，我们要解决一个很重要的问题，那就是Vue到底对data做了什么？先从getter和setter说起，我们用那个他们来对虚拟的属性进行读写。getter和setter有如下代码let obj0 = { 姓: "高", 名: "圆圆", age: 18};// 需求一，得到姓名let obj1 = { 姓: "高", 名: "圆圆", 姓名() { return this.姓 + this....
2024-01-10
Vue相关，Vue JSX
JSX简介JSX是一种Javascript的语法扩展，JSX = Javascript + XML，即在Javascript里面写XML，因为JSX的这个特性，所以他即具备了Javascript的灵活性，同时又兼具html的语义化和直观性。 应用场景为了让大家更方便的去理解JSX的作用及用法，小编先为大家罗列了几个可能会用到JSX的应用场景。 在消息框内添...
2024-01-10
Vue的使用
Vue的使用一.挂载点<!--导入vue--><script src="js/vue.js"></script><script> new Vue({ el:'ccs选择器' })</script>这样设置好了后这个vue中的内容会与对应的css选择器进行关联注意点:挂载点只遍历第一个匹配的结果html与body标签不可以作为挂载点挂载点的只一般就采用id选择器(唯一性)二.插值表达式...
2024-01-10
Vue（二）
---恢复内容开始---1、vue条件指令 可以运行加减运算 可以进行if判断<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>模板</title></head><body><div id="app"> <p v-if="r1" key="p_r1">if条件</p> <p v-show="r2">show条件</p> {{ num + 1 - 5 * 2}} <!--列表--> <!--v-el...
2024-01-10
关于Vue的事件修饰符
Vue的事件修饰符：.stop阻止事件的冒泡，阻止事件继续传播.prevent阻止事件原来默认事件.capture捕获监听器，可理解为改变冒泡的顺序.self只在事件本身的元素及以上触发，不在子元素的事件链中.once只触发一次.prevent为阻止元素的默认事件，一般有<a>、<submit>这些标签原生带有自己的默...
2024-01-10
Vue关闭ESLint
ESLint实在是太烦人了，每次有缩进都爆红，严重影响写代码心情，那么如何关闭呢？首先，可以在创建项目时不选择这一项！其次，如果已经创建项目了，那么如何关闭呢？先把这玩意注释掉，但是对我而言并没有效果。然后进入File->settings，进行如下操作即可附：ctrl+alt+L可以格式化代码...
2024-01-10
Vue列表过渡
前面的话 本文将详细介绍Vue列表过渡概述 前面分别介绍了单元素CSS过渡和JS过渡，以及多元素过渡。如何同时渲染整个列表呢？在这种情景中，需要使用<transition-group>组件【<transition-group>】 <transition-group>不同于 <transition>， 它会以一个真实元素呈现：默认为一个 <span>。也可以通过 tag...
2024-01-10
Vue登录注册
注册1.1 注册页面的布局1.2 注册业务逻辑的实现1.3封装api登录3.导航守卫注册1.1 注册页面的布局需要用到Vant的Field组件1.views下新建一个注册页面 ，完成基本布局。引入Vue和Field并使用。3.给注册页面添加一个单独的路由，注册页面不需要底部。（注意，相关样式需要引入不同的组件，请细心查看官方...
2024-01-10
Vue搭配食用
总结index.html 用来被app.vue挂载main.js 用来告诉我们把app.vue挂载在哪里，以及引入要挂载的模板App.vue 被引入的基础模板，里面有路由标签，告诉我们路由输出的模板会在这里显示index.js 路由的控制器，引入要在路由标签显示的组件，配...
2024-01-10
关于Vue虚拟dom问题
目录一、什么是虚拟dom？二、为什么需要虚拟dom三、虚拟dom是如何转换为真实dom的四、模板和虚拟dom的关系一、什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，没有render找template，没有template找el，有el就会把el.outHTML作为template，然...
2024-01-10
关于Vue虚拟dom问题
目录一、什么是虚拟dom？二、为什么需要虚拟dom三、虚拟dom是如何转换为真实dom的四、模板和虚拟dom的关系一、什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，没有render找template，没有template找el，有el就会把el.outHTML作为template，然...
2024-01-10
Vue知识点整理
Vue重学语法key的重要性由于vue循环时不是将dom元素循环创造, 而是一个dom元素重复使用, 而它的diff机制是同层元素进行对比; 如下图:如上图: 对比的原则是 父节点 A 与 父节点 A 对比,下面的子节点与子节点进行对比. 如果右边的A 节点 变为 B 节点, 但是B下面的子元素还是B1, B2, B3. Vue的diff机制会删除 A...
2024-01-10
Vue的基础使用
渐进式的前端框架 vue react augular 作者: 尤雨溪 facebook 谷歌公司 前端框架和库的区别 功能上的不同: jquery库：包含DOM(操作DOM)+请求，就是一块功能。 art-template库：模板引擎渲染，高性能的渲染DOM (我们后端的一种模板 跟python 的模板类似) 框...
2024-01-10
fuse3编译相关简要记录
下面是在使用fuse3 编译bbfs 过程中一些参数，用于备忘：FUSE_CFLAGS="-I/usr/local/include/fuse3" FUSE_LIBS="-L/usr/local/lib/x86_64-linux-gnu -lfuse3 -lpthread -ldl" ./configure保持更新，更多内容请关注cnblogs.com/xuyaowen;fuse 相关手册：https://www.cs.nmsu.edu/~pfeiffer/fuse-tutorial/ http://libf...
2024-01-10
Vue 关于过渡的使用场景
*本文只是将官网的内容进行简单的整理，可点击查看实例查看官网具体描述及源码实例。当从 DOM 中插入、更新或移除项目时，Vue 提供多种应用过渡效果的方式。具体可以分为以下三类：单元素/组件件的过渡、多元素间的切换过渡、多组件间的切换过渡。1. 单元素/组件间的过渡定义：任何组件/元...
2024-01-10
Vue 框架 Nuxt 的相关问题?
Vue 新人，Nuxt 更新人，刚接触 Nuxt ，好像不用写路由挺方便的假设不做 SSR ，用来做单页应用，用 Nuxt 傻不傻；是否还不如直接用 Vue 。Nuxt2 的坑多不多，Vue3 TS 都不会，所以还停留在 2 。有没有什么 Nuxt 搭建的开源项目可以做一些参考学习，比如二次封装 axios 之类的。有没有什么学习 Nuxt 的群或者网站推荐。我看官方内置了两个异步获取数据的方法 ...
2024-02-16
Vue编译提示警告
There are multiple modules with names that only differ in casing.有多个模块同名仅大小写不同This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.这可能导致在一些文件系统中产生不是预期的行为Use equal casing. 使用唯一的写法提示原因：import Pagination from '../../../...
2024-01-10
Vue中关于响应式的一个问题
最近在参加一个面试，对方发了一套面试题过来；要求是做一个类似京东生鲜的网站，要求实现商品列表功能；之前我一直都是在vue-cli脚手架中使用vue；由于这个页面比较少，所以直接引入的CDN但是却发现不能进行v-for渲染了。下面是我的错误代码<!DOCTYPE html><html> <body> <div id="li...
2024-01-10
