![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue有关知识点汇总
lucky2_
外向是生活所需,孤独是自我享受
展开
-
【前端--面试】常见面试题(三)—— Vue
Vue的双向绑定数据的原理采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。Vue 如何去除url中的vue-router 默认使用 hash 模式,所以在路由加载的时候,项目中的 url 会自带 #。如果不想使用 #, 可以使用 vue-router 的另一种模式 history。new Router({ mode: 'history', routes原创 2021-09-03 14:22:09 · 116 阅读 · 0 评论 -
【前端--面试】常见面试题(二)—— Vue
vue生命周期的理解生命周期是指一个实例从开始创建到销毁的这个过程:beforeCreate() 在实例创建之间执行,数据未加载状态created() 在实例创建、数据加载后,能初始化数据,dom渲染之前执行beforeMount() 虚拟dom已创建完成,在数据渲染前最后一次更改数据mounted() 页面、数据渲染完成,真实dom挂载完成beforeUpadate() 重新渲染之前触发updated() 数据已经更改完成,dom 也重新 render 完成,更改数据会陷入死循环befor原创 2021-08-31 10:03:19 · 122 阅读 · 0 评论 -
vue3 + typescript 搭建项目
1.第一步:保证node版本在10以上,vue-cli更新到最新版本注意:先卸载之前的版本,再安装,否则会报错。2.第二步:vue create 项目名称这时候出现三个选项,第一个是vue2的默认模板,第二个是vue3的默认版本,如果没有出现第二个选项,那就说明vue-cli的版本还是旧的版本。这两个模板默认没有添加支持ts,所以这里选择第三个选项。3.然后出现以下的选项,上下是切换选项,要是想选中某个选项是点击空格代表选中这个选项,这里我添加了TypeScript,其他根据需要自行添加原创 2021-07-07 14:06:04 · 391 阅读 · 0 评论 -
vue版本升级失败问题记录
遇到的问题:在已经安装了2的版本后直接npm install -g @vue/cli会报下面的错误解决方法:先卸载之前的版本npm uninstall vue-cli -g,再进行全局安装npm install -g @vue/cli,就成功了!原创 2021-07-07 11:33:46 · 433 阅读 · 0 评论 -
FileSaver 在vue中下载文件----问题记录
在vue中使用时npm install file-saver --save然后在使用的页面中引入import FileSaver from 'file-saver';这里我封装了一下,type我这里固定了,下载的是excel,根据需要可以修改,data是请求接口返回的文件流,name是文件名称// 文档共享下载时使用 fileSave(data, name) { let blob = new Blob([data], { type: 'a原创 2021-06-22 09:47:08 · 2104 阅读 · 1 评论 -
解决VSCode格式化,单引号变双引号,自动加分号
注释这句代码后就不会在保存的时候自动把单引号变成双引号,也不会自动添加分号,在格式化的时候选择默认使用vetur{ "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[html]": { "editor.defaultFormatt原创 2021-04-20 16:50:30 · 2694 阅读 · 0 评论 -
git获取秘钥
在github设置里面找到点击新增title就自己定义一个在桌面或者别的文件夹右击输入这个命令,后面邮箱改成自己的(我没复制,因为复制没用,只能自己打)一直回车即可,最好不要设置密码不然每次提交都要输入密码输入这个命令就看到你要的秘钥了,复制到github即可...原创 2021-04-12 18:08:11 · 1247 阅读 · 0 评论 -
vue路由参数变化,页面不刷新问题
问题记录:在app.vue中添加如下代码<router-view :key="key" /> computed: { key() { return this.$route.name !== undefined ? this.$route.name + new Date() : this.$route + new Date(); } }原创 2021-03-18 11:37:17 · 302 阅读 · 0 评论 -
vue 引入scss遇到的问题记录
1.在写入lang=scss时报错2.不可直接npm install sass sass-loader --save-dev和npm install node-sass --save-dev,我在项目中直接安装后的报错3.原因是sass-loader版本过高,可以去package.json看到,这时候需要npm uninstall sass-loader然后安装一个低的版本,我安装的是7的版本没有问题npm install sass-loader@7.3.1,然后又出现这个问题,原因是node-sa原创 2021-03-17 10:04:18 · 322 阅读 · 0 评论 -
vue : 无法加载文件 C:\Users\admin\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
在用脚手架搭建vue项目时,提示:无法加载文件 C:\Users\admin\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本.这是你笔记本禁止运行脚本,解决办法:在想要新建项目的文件夹中打开系统Windows PowerShell ,以管理员身份运行-命令行输入 set-ExecutionPolicy RemoteSigned,输入Y或者A即可...原创 2021-03-16 17:29:07 · 1484 阅读 · 0 评论 -
vue中使用富文本编辑器ueditor
首先去github下载所需压缩包, 或者去我主页下载文件github下载地址在vue-cli2.0中放在static文件夹下面新建一个js文件放在components中export const ueditConfig = { autoHeightEnabled: false, initialFrameHeight: 300, initialFrameWidth: "100%", serverUrl: "文件上传地址", UEDITOR_HOME_URL: "...原创 2021-03-16 16:14:00 · 292 阅读 · 3 评论 -
vue项目中使用本地ip地址访问
vue项目中使用本地ip地址访问在vue项目中的package.json文件中修改一行代码"dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",原创 2021-03-16 09:39:01 · 987 阅读 · 0 评论 -
node环境搭建,vue项目初始化
1.下载nvmgithub地址,点击跳转cmd + r 在命令行窗口出入nvm -v检查是否安装成功输入nvm list available查看可安装的node版本执行nvm install 版本号例如如果需要使用某个版本的node ,nvm list查看可以切换的node版本,nvm use 版本号可以切换到所需要的版本号,node -v检测是否安装成功vue-cli下载npm install -g vue-cli,安装完毕后在命令行输入vue --version,原创 2021-03-16 09:36:55 · 167 阅读 · 0 评论 -
vue的请求封装,以及登录后把token放到请求头部
前提npm install axios --save例如新建文件夹api,包含index.js和api.js(命名自由)在index.js中import Vue from "vue";import axios from "axios";import VueAxios from "vue-axios";import router from "../router";axios.defaults.withCredentials = true;Vue.use(VueAxios, axios);l原创 2021-03-15 16:48:46 · 2225 阅读 · 0 评论 -
vuex存储用户登录信息以及解决页面刷新vuex数据丢失问题
vuex存储用户登录信息前提是已经 npm install vuex --save可以在新项目中建立一个文件夹,例如 store,包含store.js在这里以存储用户信息为例:store.js中import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);export default new Vuex.Store({ state: { name: JSON.parse(localStorage.getItem("us原创 2021-03-15 16:35:34 · 2281 阅读 · 0 评论 -
vue部分页面免登录的路由拦截
vue免登录的路由拦截const router = new Router({ routes: [ { path: '/', name: 'Home', component: Home, meta: { // 头部标识显示 title: '首页', noNeedLogin: true, // 不需要登录的页面 }, }, { path: '/login',原创 2021-01-28 14:45:13 · 3379 阅读 · 0 评论