![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 78
今天晚上一定要早睡
这个作者很懒,什么都没留下…
展开
-
VueCLI3如何更改安装时的包管理器为yarn或npm
VueCLI3如何更改安装时的包管理器为yarn或npm在执行 vue create project 后如果显示如下 npm run serve 则表示你使用的是npm创建的项目。如果显示如下 yarn serve 则表示此项目为yarn创建。那如何切换包管理器呢?在VueCLI3官网有如下一段描述:注意最后一句,明确的说明了包管理器和淘宝npm镜像源会存入 ~/.vuerc此文件如果是windows环境,则存在了 C:/user/administrator/ 下:打开此文件:只转载 2021-11-03 16:02:42 · 441 阅读 · 0 评论 -
原生AJAX和JQuery的AJAX
AJAXHttpRequestAJAX原理AJAX的优缺点XMLHttpRequestHTTP报文请求报文Request响应报文Response响应头类型状态码statusfile协议无法实现跨域在JS中使用AJAXJQuery 中使用AJAXjQuery.ajax()$.get()$.getJSON()$.getScript()$.post()ajaxComplete(callback)ajaxError(callback)ajaxSend(callback)ajaxStart(callback)ajax原创 2021-10-28 22:47:46 · 471 阅读 · 0 评论 -
vue基础九(打包)
打包vue脚手架中打包vue打包底层操作vue脚手架中打包进入vue项目目录,在终端中输入打包命令 npm run build打包完成后,在vue项目目录中生成dist文件夹,dist文件夹中包含static文件夹(放置静态文件夹css,js ,img, fonts),favicon.ico和index.html文件在浏览器中打开index.html文件,即为完整项目。vue打包底层操作创建vue文件夹进入文件,终端输入命令 ,初始化文件npm init -y文件夹中出现pac原创 2021-10-28 22:46:02 · 1307 阅读 · 0 评论 -
vue基础八(Element UI)
Element UI安装引入使用安装包管理器方式安装npm install element-plus --save或者从浏览器直接引入引入若整个项目的所有页面都需要使用element ui组件,则可以在main.js中进行引入main.jsimport { createApp } from 'vue'import ElementPlus from 'element-plus'createApp(App).use(ElementPlus).mount('#app')使用可以直接引入原创 2021-10-28 22:44:07 · 89 阅读 · 0 评论 -
vue基础七(Less)
Less安装注释导入变量(Variables)混合(Mixins)嵌套(Nesting)运算转义(Escaping)函数(Functions)命名空间和访问符映射作用域sass,less和stylussass变量的表示变量的赋值缩进的问题if条件判断的问题都支持嵌套Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。安装将less安装为开发依赖 npm i less --save-dev注释/* 一个块注释 * style comment! */原创 2021-10-28 20:05:39 · 1290 阅读 · 0 评论 -
vue基础六(AXIOS)
AXIOS特点axios和jQuery-AJAX安装axiosdemoAXIOS实例响应结构创建实例优先顺序拦截器transformer和interceptor的区别别名方法并发取消请求Axios基于promise的HTTP库,可以用在浏览器和node.js中。特点从浏览器中创建 XMLHttpRequests(客户端)从 node.js 创建 http 请求(服务端)支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSR原创 2021-10-28 20:03:47 · 230 阅读 · 0 评论 -
vue基础五(状态管理)
状态管理状态管理模式使用vuex的情况简单的store模式单一状态树vuex安装与使用安装vuex初始化将store挂载到当前项目的vue实例中在组件中使用vuexStategettersmutationsActionmodule命名空间vuex是一个专门为Vue.js应用程序开发的状态管理模式。采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这原创 2021-10-28 20:02:18 · 155 阅读 · 0 评论 -
vue基础四(路由)
路由起步使用路由动态路由匹配(传参)响应路由参数的变化匹配所有路径匹配优先级嵌套路由编程式导航$router.push()$router.replace()$router.go(n)命名路由命名视图重定向别名路由组件传参History 模式$router 和 $route守卫全局前置守卫全局解析守卫全局后置钩子路由独享的守卫组件内的守卫完整的导航解析流程路由元信息过渡效果滚动行为使用 Vue.js ,可以通过组合组件来组成应用程序,把 Vue Router 添加进来,要将组件 (components)原创 2021-10-28 20:01:10 · 1322 阅读 · 0 评论 -
vue基础三(混入,自定义指令,函数,JSX,自定义插件)
vue3混入选项和并全局mixin自定义指令指令钩子函数参数指令参数动态指令参数指令值渲染函数setup() 函数ref() 函数reactive函数JSX自定义插件混入Mixin 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个 mixin 对象可以包含任意组件选项。当组件使用 mixin 对象时,所有 mixin 对象的选项将被“混合”进入该组件本身的选项。var obj = { data:function(){ return {原创 2021-10-28 19:59:09 · 1244 阅读 · 0 评论 -
vue基础二(组件)
组件组件组件的复用组件的注册组件名放置限制通过 Prop 向子组件传递数据单向数据流poro的验证属性继承自定义事件插槽普通插槽具名插槽作用域插槽默认插槽解构插槽动态插槽动态组件Provide / Inject组件在项目中,很多时候我们需要在不同的模块使用相同的一个块,而这个块的代码时相同的,这时候会造成代码冗余,我们可以通过封装组件的方式,实现代码的复用。在components文件夹中创建子组件引入父组件中创建子组件 MyCount<template> <h1>原创 2021-10-22 16:10:51 · 404 阅读 · 0 评论 -
vue基础一(模板语法,事件绑定,表单输入绑定,计算属性,侦听器)
vuevue简介mvvm模式组件化安装和使用在HTML中在node中为什么要把data对象变成函数并return关于vue3的根节点生命周期vue简介vue是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。Vue 也完全能够为复杂的单页应用提供驱动。mvvm模式MVVM包括view视图层、model数据层、viewmodel层。各部分通信都是双向的。采用双向数据绑定,View的变动,自动反映在原创 2021-10-19 18:56:48 · 752 阅读 · 0 评论