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初探
开发工程发展历史现在对目前的项目工程化有了大体了了解，那么其中，在第二阶段的工程化演进中，有一个重要的工程设计理念诞生，他就是著名的 MVC 设计模式，简单点，MVC 其实就是为了项目工程化的一种分工模式；MVC 中的最大缺点就是单项输入输出，所有的 M 的变化及 V 层的变化，必须通过 C ...
2024-01-10
Vue入门
环境搭建安装node下载官网npm 会自带安装安装 vue -cli使用淘宝NPM镜像源下载比较快命令：npm install -g cnpm --registry=https://registry.npm.taobao.org命令：cnpm install vue-cli -g安装webpack命令：npm install -g webpackcmd创建项目：命令：vue init webpack projectname2可以进行默认就行最后结果：运行命令，就可以按照...
2024-01-10
初识Vue
这两天老大下任务，说要研究研究Vue，于是有了这篇博客。刚刚学习Vue也是很蒙圈的状态，看了几集视频，听了一个分享，这才有些门路，趁热打铁先画个思维导图，捋一捋silu思路。虽然内容不多吧，但是花费了我将近一个小时的时间。后续还会深入了解。...
2024-01-10
Vue笔记
Vue.js笔记常用命令安装webpacknpm install webpack [-g] //-g代表global，表示将webpack安装到全局环境中安装vue脚手架npm install vue -cli [-g]项目常用命令/** 通过webpack创建vue项目工程 */vue init webpack project-name //project-name为你的工程名，不能用中文，建议用小写/** 指定vue的版本创建vue项目工程 */vue ini...
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相关，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到底对data做了什么？先从getter和setter说起，我们用那个他们来对虚拟的属性进行读写。getter和setter有如下代码let obj0 = { 姓: "高", 名: "圆圆", age: 18};// 需求一，得到姓名let obj1 = { 姓: "高", 名: "圆圆", 姓名() { return this.姓 + this....
2024-01-10
Vue国际化
简单的实现由 vue-i18n实现的国际化首先我们需要安装 npm i vue-i18n;然后在 src文件下 新建一个i18n的文件然后在这个文件中放入 你的国际化js然后在main.js中 引入import VueI18n from ‘vue-i18n’import zh from ‘./i18n/zh.js’import en from ‘./i18n/en.js’然后在需要的页面写入就可以了...
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采坑记录
一、vuex数据持久化 1. npm install vuex-persistedstate 2. import createPersistedState from 'vuex-persistedstate' const store = new Vuex.Store({ modules: { app, user }, getters, plugins: [createPersistedState...
2024-01-10
Vue知识随笔
全局参数1.global.js 先定义常量参数const BASE_URL = \'http://xxxx.xxxx.com/api\';export default { BASE_URL}2.main.js 在main.js里面创建全局参数import global from \'./../static/config/global\';Vue.prototype.GLOBAL = global;3.vue页面内this.GLOBAL.BASE_URL$refs(vue $refs的基本用法)##<di...
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知识的整理，基础篇说说你对MVVM的理解Model-View-ViewModel的缩写，Model代表数据模型，View代表UI组件,ViewModel将Model和View关联起来数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据了解mvc/mvp/mvvm的区别Vu...
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(day8)
继续上一篇文章的内容，本文主要内容为项目中新闻资讯模块的实现。新闻资讯页面主要是当我们点击这个按钮时跳转到新闻列表界面。一、新闻资讯的路由设计将新闻资讯的标签改为路由：(a标签改为router-link)。home.vue<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"> <router-link to="/home/newsList"...
2024-01-10
Vue与原生APP的相互交互
现在好多APP都采用了Hybrid的开发模式，这种模式特别适合那些内容变动更新较大的APP，从而使得开发和日常维护过程变得集中式、更简短、更经济高效，不需要纯原生频繁发布。但有利肯定有弊咯，性能方面能稍微差一点，还有就是两者之间的交互问题。美团、爱奇艺、微信等知名移动应用，都是采用...
2024-01-10
