Vue
文章平均质量分 67
一只学弱狗!
心中有路 行者无疆
展开
-
vue学习(第八天)
vue学习(第八天)一、路径别名1.设置别名 在build/webpack.base.conf.js文件//设置别名resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('src'), 'assets': resolve('src/assets'), 'components':resolve('src/components'), 'views':原创 2021-04-16 12:22:49 · 169 阅读 · 0 评论 -
考拉海购与京东结合起来居然原来如此漂亮
HELLO,大家好,年后第一次发博客,首先祝大家新年快乐,技术牛上牛。老师让假期自学web前端,咦,我大一就学过了,来吧,让暴风雨来的更猛烈些吧!听说尤雨溪的Vue不错?听过前端也有组件化开发思想?那我就来试试吧!经过xx天的每次打完球回来之后写一会,我弄成了,深有体会:“最后一天的效率比我原来三四天的效率还高”,可怕怕~ 上面就是整体的效果,个人还是比较满意的,下面就对这次.原创 2021-03-02 12:22:04 · 266 阅读 · 0 评论 -
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: “TypeError: Cannot read property ‘matched‘
错误截图踩坑原因在配置vue-router的路由时和将router实例挂载至Vue实例上时,实例名称没有按照标准配置vue时在配置vue-router时,我们一般会将路由的映射关系抽成一个数组,就想下面这样const routes = [{ path: '', redirect: '/home' }, { path: '/home', component: Home }, { path: '/category', component原创 2021-02-14 11:42:13 · 18380 阅读 · 1 评论 -
Vue学习(第七天)
Vue学习(第七天)一、路由知识补充1.动态路由在配置路由映射关系的时候配置动态路径,比如在user后面动态的添加userId { path: '/user/:userId', component: () => import('../components/User.vue'), meta: { title: '用户' } },2.路由懒加载由于当前是SPA,即再第一次请求资源时请求的是全部的资源,若资源过大则会导致页面出现短暂的空白,采用原创 2021-02-11 11:21:38 · 185 阅读 · 0 评论 -
Vue学习(第六天)
Vue学习(第六天)一、runtime-compiler与runtime-only1.概念Runtime+Compiler: recommended for most users(翻译:运行程序+编译器:推荐给大多数用户)Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are re原创 2021-02-10 22:18:35 · 704 阅读 · 0 评论 -
Vue学习(第五天)
Vue学习(第五天)一、webpack中使用less文件1.1 安装npm install --save-dev less-loader@4.1.0 less@3.9.01.2 在webpack.config.js中进行配置const path = require('path');module.exports = { entry: './src/main.js', output: { path: path.resolve(__dirname, 'dist'),原创 2021-02-08 21:41:24 · 194 阅读 · 0 评论 -
Vue学习(第四天)
Vue学习(第四天)一、组件化开发补充1. children:查看父组件的所有子组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <my-component&g原创 2021-02-06 20:46:15 · 195 阅读 · 1 评论 -
Vue学习(第三天)
Vue学习(第三天)一、高阶函数的使用1.1 filter filter中的回调函数有一个要求,必须返回boolean类型的值,当返回true时,将当前的值加入到结果中nums: [1, 2, 3, 4, 5, 6, 7, 8, 9];//返回nums中数值大于5的元素集合let result = this.nums.filter(function(n) { return n > 5;});1.2 map 对数组中的每个值都进行操作对result数组中的每个元素值乘以2原创 2021-01-28 20:16:24 · 1115 阅读 · 0 评论 -
Vue学习(第二天)
一、 ES6补充1.1 块级作用域在ES6之前因为if和for都没有块级作用域,所以在很多时候,都必须借助于函数(function)的作用域来解决引用外面变量的问题1.1.1 错误的遍历方式 var btns = document.getElementsByTagName('button'); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener('click',原创 2021-01-25 20:51:37 · 518 阅读 · 0 评论 -
Vue学习(第一天)
一、快速入门<div id="app">{{message}}<!-- mastache语法--> <h1>{{name}}</h1></div><script src="../js/vue.js"></script><script>//let(变量)/const(常量)const app = new Vue({ el: '#app', //用于挂载要管理的元素 data: {原创 2021-01-24 22:01:52 · 646 阅读 · 0 评论