VUE
文章平均质量分 85
转角羊儿
这个作者很懒,什么都没留下…
展开
-
axios在vue项目中的基本用法
基于promise用于浏览器和node.js的http客户端,因此可以使用Promise API。转载 2023-02-01 15:00:09 · 1749 阅读 · 0 评论 -
ES6 课程概述⑦
执行上端代码,我们会发现更改 state 的操作是在回调函数中执行的,这样会让我们的代码在 devtools 中变的不好调试:当 mutation 触发的时候,回调函数还没有被调用,devtools 不知道什么时候回调函数实际上被调用,任何在回调函数中进行的状态的改变都是不可追踪的。既然 Vuex 的 store 中的状态是响应式的,那么当我们变更状态时,监视状态的 Vue 组件也会自动更新。严格模式会深度监测状态树来检测不合规的状态变更,要确保在发布环境下关闭严格模式,以避免性能损失。原创 2023-01-18 14:30:59 · 1539 阅读 · 0 评论 -
ES6 课程概述⑥
render() {... {他们的优先级高于普通的类名,这对于 Vue 的过渡系统和其他第三方 CSS 动画库(如 Animate.css)结合使用十分有用。Animate.css 官网地址:https://daneden.github.io/animate.css/路由是根据不同的 url 地址展现不同的内容或页面。早期的路由都是后端直接根据 url 来重载页面实现的,即后端控制路由。原创 2023-01-18 14:29:56 · 754 阅读 · 0 评论 -
ES6 课程概述⑤
在使用组件时,写上特殊的特性:inline-template,就可以直接将里面的内容作为模板而不是被分发的内容(插槽)。原创 2023-01-18 14:25:51 · 892 阅读 · 0 评论 -
Vue学习笔记 ④——生命周期
组件默认只是写好结构、样式和行为,使用的数据应由外界传递给组件。如何传递?注册需要接收的 prop,将数据作为一个自定义特性传递给组件。原创 2023-01-12 17:23:20 · 320 阅读 · 0 评论 -
Vue学习笔记 ③
很不幸,Vue 官方已不再维护这个库了,so…哈哈哈,我们再学点其他的 ୧[ * ಡ ▽ ಡ * ]୨。原创 2023-01-12 17:18:45 · 718 阅读 · 0 评论 -
Vue学习笔记 ②
v-cloak这个指令保持在元素上直到关联实例结束编译可以解决闪烁的问题和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕v-once只渲染元素一次。随后的重新渲染,元素及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能v-text更新元素的 textContentv-text 替换元素中所有的文本,Mustache 只替换自己,不清空元素内容v-text原创 2023-01-12 17:12:50 · 441 阅读 · 0 评论 -
Vue学习笔记 ①
因为会将 data 中数据代理给 vue,假如说我们自己写的 data 名称和 vue 中自带的属性冲突了,那么就会覆盖 vue 内部的属性,所以 vue 会把自己内部的属性成员名称前加上$或_,如果加上的是$,代表是我们可以使用的,如果加上的是_,是 vue 自己内部使用的方法或属性,我们不需要调用。答:本质上没什么不同,$mount 为手动挂载,在项目中有时要进行延迟挂载,比如有时要在挂载之前进行一些其他的操作,比如判断等等(但是,这样做的时候很少,比邓哥回家的次数还少,emmmmm)原创 2023-01-12 16:50:47 · 342 阅读 · 0 评论 -
vue3.0
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ThV7QsXa-1661087539487)(E:\Duyidu\要背的知识\01\assets\04.png)]npm init vite-app vue3-app-vite : 下载vite-app手脚架并用手脚架搭建vue3-app-vite。3、实例代理中,count是一个count.value。2、setup中,count是一对象。1、所有生命周期钩子函数之前调用。4、通过ref得到响应数据。this指向一个代理。原创 2022-08-21 21:13:38 · 183 阅读 · 0 评论 -
Vue2.搭建工程
5、.gitignore 项目上传到 github.com 所省略的文件: .DS_Store->webpack 的文件,node_modules, /dist/打包的目录。6、.eslintrc.js 代码规范的文件–>它的目标是提供一个插件化的 javascript 代码检测工具。安装到开发环境: npm axios --save-dev -->查看 package.json : dependences。7、.eslintignore: .eslintrc.js 代码规范的文件。原创 2022-08-21 21:12:07 · 780 阅读 · 0 评论 -
export default 和 export 区别
ES6模块不只导出CommonJS模块,它的设计逻辑为你提供导出不同内容的多种方法,默认导出的是你得到的所有内容。在ES6的模块中导入的CommonJS模块和AMD模块都有一个默认的导出,如果你用require()加载这些模块也会得到相同的结果——exports对象。当你import *时,导入的其实是一个模块命名空间对象,模块将它的所有属性都导出了。如果你想让自己的ES6模块有一个默认的导出,实现的方法很简单,默认导出与其它类型的导出相似,没有什么技巧可言,唯一的不同之处是它被命名为“default”。原创 2022-08-21 21:11:33 · 2076 阅读 · 0 评论 -
Restful 风格接口【了解】
等方式对请求的处理方法进行区分,这样可以在前后台分离式的开发中使得前端开发人员不会对请求的资源地址产生混淆和大量的检查方法名的麻烦, 形成一个统一的接口。基于这个风格设计的软件可以更简结,更有层次,更易于实现缓存等机制。在 Vue 和 React 等大型项目中,我们常用的数据请方式,就是 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。引入的一个 axios, 创建一个单例,做了二层拦截,一层请求拦截(做配置),一层响应拦截(返回数据)。原创 2022-08-21 21:08:47 · 567 阅读 · 0 评论 -
router 路由
/ next(),每一个导航守卫必须至少搭配一个 next()// from 代表即将离开的路由。// to 代表即将进入的路由。原创 2022-08-21 21:06:51 · 115 阅读 · 0 评论 -
vue.config.js
默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 https://www.my-app.com/。例如,如果你的应用被部署在 https://www.my-app.com/my-app/, 则设置 publicPath 为 /my-app/。默认情况下,生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存。‘./’ : ‘/’这个会值也可以被设置为空字符串(”“)或是相对路径(”./"), 这样所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径。原创 2022-08-21 21:04:27 · 1674 阅读 · 0 评论 -
Vuex (vue状态管理模式)
在Vue项目开发中,需要监控项目中得各种值,为了提高效率,Vue提供了一款浏览器扩展——VueDevtools。为了配合Vue的响应式数据,我们在Mutations的方法中,应当使用Vue提供的方法来进行操作。的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。例如在App.vue中,我们要将state中定义的name拿来在h1标签中显示。中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。例如,我们编写一个方法,当被执行时,能把下例中的name值修改为。原创 2022-08-21 21:02:08 · 194 阅读 · 0 评论