vue基础笔记
文章平均质量分 80
用来记录vue的知识点
Start2019
小菜姬的成长之旅-----bug记录史
展开
-
vue笔记(二)Vue-class与style、事件、计算属性、数据监听、指令+自定义指令、过滤器
vue官网模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。模板表达式中不适合写太多逻辑,此时我们可以使用函数和计算属性(函数无法响应式)。一、计算属性 官网计算属性是一个函数,当它所依赖的元数据变化时,就会再次执行;使用{{计算属性}}computed:{ 计算属性:函数:function(){ return 返回值...原创 2019-09-23 09:24:30 · 1189 阅读 · 0 评论 -
vue笔记(三)生命周期、组件(嵌套)、数据传递
生命周期文档1 2原创 2019-11-07 09:37:12 · 272 阅读 · 0 评论 -
vue笔记(四)注册组件,路由,vuex
项目中的组件注册全局import Loading from '@/components/loading';//封装的loading组件Vue.component('Loading',Loading);局部<loading/>important loading from './components/loading'components:{loading}...原创 2019-11-14 16:06:30 · 1282 阅读 · 0 评论 -
vue笔记(一)基本使用、数据检测
vue 官网Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。一、基本使用二、数据检测一、Vue的思想MVC【参考 nd的博客园】:名称描述M(model)数据,ajax/jsonp/数据解析,可以复用;V(view)视图表现层,展示数据、创建元素、变色、运动、可以复用;C(control )控制层(串业务,事件驱动),一般不复用;二、基本使用1.原创 2021-01-07 14:56:07 · 323 阅读 · 0 评论 -
vue 图片资源应该如何存放并引入(public、assets)?
两者存放什么图片,什么时候使用,在某种情况下应该使用哪种方式;使用方式;图片路径转换;原创 2022-02-18 16:10:47 · 34796 阅读 · 2 评论 -
vue 安装使用mockjs
vue 安装 mockjs;如何使用 mockjs? 安装时 --save-dev 和--save 的区别转载 2022-02-17 17:20:11 · 1006 阅读 · 0 评论 -
封装 axios 请求
Axios 中文说明文档中其实已经简单封装过了,这里做一下笔记,记录我封装axios的过程原创 2021-05-13 15:43:49 · 774 阅读 · 0 评论 -
vue+element 封装公共js代码
一、多个 js 方法,不想用 vue.prototype二、使用Vue.prototype 封装公共 js三、封装的方法较多,又想通过this.直接调用原创 2020-12-01 17:12:09 · 987 阅读 · 0 评论 -
创建vue项目(一)搭建vue-cli、项目文件介绍、简单配置
项目Value电脑$1600手机$12导管$1原创 2019-11-07 09:52:35 · 438 阅读 · 0 评论 -
创建vue项目(二)引入elementUi、axios、准备静态资源、封装组件(.vue,js代码等)
下载安装node -> vue-cli -> 配置路由 -> 引入elementUi -> 公共组件一、引入elementUi二、准备静态资源如下图在 public 文件夹下新增,在 public 下的 index.html 中引入三、封装公共组件(这里以公共的 header 为例)注册组件: 在 src 文件夹下的 components 文件夹下新增一个...原创 2019-11-07 09:53:38 · 1194 阅读 · 0 评论 -
创建vue项目(三)路由跳转、反向代理、本地存储、状态管理
数据更新渲染,axios请求数据,配置环境一、反向代理项目根目录创建一个配置文件 vue.config.js ,我们将在此配置一些环境,具体可在 vue-cli 官网上进行查阅。安装 axios ,并引入关于vue跨域问题,修改代理后仍出现404(1) “重新运行cnpm run dev”,(2) “测试接口是否能够正常访问”...原创 2019-11-07 09:54:00 · 1267 阅读 · 0 评论 -
创建vue项目(四)路由相关知识、路由守卫、插槽、打包小细节
一、1. keep-alivekeep-alive会记录缓存,若不想记录缓存,可以将生命函数钩子替换为: activated() 钩子。例如:直接在 created 中写 console.log ,它在第一次进入这个页面时会被打印,后面将不会再打印出来将 created 替换成 activated 后,每次进入该页面,该页面都将清楚缓存(有点类似 F5 刷新)...原创 2019-11-07 09:54:08 · 225 阅读 · 0 评论