![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
mhi()
这个作者很懒,什么都没留下…
展开
-
VUE项目部署(Nginx代理:根目录与非根目录部署)
nginx部署vue项目:根目录部署与非根目录部署原创 2022-06-10 10:33:13 · 7709 阅读 · 2 评论 -
VUE前端面试知识点
1.sass/scss、less区别 1.1 编译环境不一样 Sass是在服务端处理的,以前是Ruby,现在是Dart-Sass或Node-Sass,而Less是需要引入less.js来处理Less代码输出CSS到浏览器,也可以在开发服务器将Less语法编译成css文件,输出CSS文件到生产包目录,有npm less, Less.app、SimpleLess、CodeKit.app这样的工具,也有在线编译地址。 1.2 变量符不一样,Less是@,而Scss是$。 1.3 Sass...原创 2022-03-31 16:07:49 · 335 阅读 · 0 评论 -
类型“ImportMeta”上不存在属性“env”。
在 tsconfig.json 文件中添加如下配置即可"types": ["vite/client" ]添加后如果还提示,重启编辑器{ "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", "moduleResolution": "node", "strict": true, "jsx": "prese..原创 2022-03-31 15:47:46 · 12037 阅读 · 3 评论 -
vue3 reruen false 返回之后,代码继续执行
1.产生原因代码const login = async () => { state.loading.signIn = true; //验证账号密码是否存在 await loginSumit(state.ruleForm).then(res => { if (!res.state) { wmpWarn(res.message); state.loading.signIn = false; return false; } else { // 存储 toke原创 2022-03-23 19:42:55 · 3481 阅读 · 0 评论 -
Vue3基础:ref 和reactive的区别及toRefs函数
ref:ref数据响应式监听。ref 函数传入一个值作为参数,一般传入基本数据类型,返回一个基于该值的响应式Ref对象,该对象中的值一旦被改变和访问,都会被跟踪到,就像我们改写后的示例代码一样,通过修改 count.value 的值,可以触发模板的重新渲染,显示最新的值reactive:reactive是用来定义更加复杂的数据类型,但是定义后里面的变量取出来就不在是响应式Ref对象数据了toRefs:将普通数据转化为响应式数据对象小A:多复杂的数据ref才搞不定?我试了数组的重新赋值原创 2022-03-09 17:03:50 · 1070 阅读 · 0 评论 -
npm 更新VUE package.json文件中依赖的包版本
1.安装npm install -g npm-check-updates 可能会出现以下错误:npm ERR! syscall mkdirnpm ERR! path D:\node\node_global\node_modules\npm-check-updatesnpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, mkdir 'D:\node\node_global\node_modules\npm-..原创 2022-03-07 14:55:12 · 4954 阅读 · 0 评论 -
VueRouter-router 与 route 区别
1.router router 是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数的到的一个router对象。这个对象是一个全局对象,他包含可所有路由包含许多关键性的对象和属性2.route route是一个跳转路由对象,每一个路由都会有一个router对象,是一个局部的对象,可以获取对应的name、path、params、querty等...原创 2021-09-17 17:12:22 · 1824 阅读 · 0 评论 -
vue 路由懒加载 代码片段
当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就会更加高效路由懒加载之后,build 打包之后,出来的文件会分割很多个js文件。不会所有的代码混在一个js中。1.代码片段 两种写法...原创 2021-09-17 10:36:11 · 135 阅读 · 0 评论 -
vue动态路由 代码片段
使用场景: 商城与新闻详情页1.概念 有些场景下,一个页面的path路径可能不是确定的2.代码片段 2.1 新增news.vue原创 2021-09-17 10:13:51 · 184 阅读 · 1 评论 -
vue 项目 中js实现路由跳转 代码片段
代码实现:路由相关代码:通过以上方式,就可以实现 js 路由跳转功能。适用于登录操作原创 2021-09-17 09:21:35 · 192 阅读 · 0 评论 -
VueRouter 中hash与 history 区别
hash模式:(兼容IE8)1.在内部传递的实际URL 之前使用了一个哈希字符(#),这部分URL从未被发送到服务器,不需要再服务器层面上进行特殊处理,但它再SEO中确实又不好的影响监听浏览器localtion中 onhashchange事件变化,根据#截取 地址来查找对应的路由规则history模式(兼容IE10)因为应用是一个单页面的客户端应用,用户再浏览器中直接访问嵌套路由时,会报404错误,需要在服务器上添加一个回退路由利用HTML5 history interface 中.原创 2021-09-16 12:07:18 · 114 阅读 · 0 评论 -
vue 项目 Cannot read property ‘forEach‘ of undefined
产生此问题原因 :createRouter(),创建路由时候传入参数名称存在问题官方文档指出createRouter()方法参数名history,routes 。排查这两个参数名称,传入的名称必须和这个一样错误代码分析:重点看红色框框中代码以上代码我使用简写方式,创建路由这步操作中传入的参数 我传入的 routers 这个参数名称和官方文档中 routes 参数名称不一致,造成此错误原因这个地方我大意了啊,没注意细节 ...............原创 2021-09-16 11:49:46 · 4516 阅读 · 3 评论 -
VUE+VITE+工程化项目(二)项目安装并运行
1. npm安装方式 $ npm init @vitejs/app <project-name> $cd <project-name> $ npm install $ npm run dev2.yarn 安装方式 $ yarn create @vitejs/app <project-name> $cd <project-name> $ yarn...原创 2021-09-16 08:52:40 · 184 阅读 · 0 评论 -
provide 与 inject 组件数据直接传递,(子组件、兄弟组件、孙子组件),应用于组件层级过深或者没有关系的组件 数据传递
provide(key,value) 发射inject(key,defalut) 接收原创 2021-09-15 20:14:51 · 220 阅读 · 0 评论 -
watch 与 watchEffect 区别
watch 1.刚开始不会侦听,只有当数据改变时候才会侦听 2.具体侦听某一个属性的值 3.能侦听访问之前的值和现在值watchEffect: 1.没有惰性 2.更加抽象,侦听所有属性值,在内部都可以拿到值 3.不能访问之前的值...原创 2021-09-15 19:54:09 · 336 阅读 · 0 评论 -
You cannot set a form field before rendering a field associated with the value
在用ant-design-vue的框架中,使用到了这种场景,就是点击编辑按钮,弹出modal模态框,渲染modal模态框中的form表单页面,并给表单赋值,但是在给表单赋值的时候,总是会报错。错误提示:Warning: You cannot set a form field before rendering a field associated with the value.经过一番查找...原创 2020-03-25 09:26:37 · 1376 阅读 · 0 评论