摘要:
一.过滤器 (1)全局使用 1> 添加moment 模块 npm i moment 2> 在main.js中 通过 Vue.fileter 定义一个全局的过滤器 import moment from "moment"; Vue.filter("date", (val, type = "YYYY-MM 阅读全文
摘要:
生命周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行. vue组件的生命周期函数,可以分为三大类: 第一个阶段:初始化阶段 1>beforeCreate (vue实例初始化) 2>created (初始化完成,发送ajax) 3>beforeMount (模版和数据结合 阅读全文
摘要:
(1)基本的搭建 1>vue init webpack tabbar 搭建的是2.x版本的项目 2>思考:样式如何放? 1: index.js 中 import './assets/css/base.css' 文件 该文件本身在打包时会被引用到App.vue文件中,所有不建议这样做 2:App.vu 阅读全文
摘要:
优势 传统的多页面应用程序,每次请求服务器返回的都是一整个完整的页面 单页面应用程序只有第一次会加载完整的页面 以后每次请求仅仅获取必要的数据,减少了请求体积,加快页面响应速度,降低了对服务器的压力 SPA更好的用户体验,运行更加流畅 缺点 开发成本高 (需要学习路由) vue-router rea 阅读全文
摘要:
报错问题:TypeError: this.getOptions is not a function 如何解决:安装 less-loader低版本的就行 npm i less-loader@5.0.0 2.一种就是 less-loader 是依赖于less的,所以一定要有less-loader les 阅读全文
摘要:
一.认识路由 1.路由:就是通过互联的网络吧信息从源地址输到目的地的活动 --维基百科 2.后端路由阶段: 一个页面有自己对应的网址,即url,url会发送到服务器 ,服务器通过正则对该url进行匹配,并最后交给一个controller进行处理,controller最终生成html或者数据,返回给前 阅读全文
摘要:
一.认识Vue CLI3 (1)vue-cli3与2版本有很大的区别 1>vue-cli3是基于webpack 4打造的,vue-cli2还是webpack 3 2>vue-cli3的设计原则是0配置,移除的配置文件根目录下的,build 和config等目录 3>vue-cli3提供了vue ui 阅读全文
摘要:
一.看图,查看代码区别 二.如图,进行分析 (1)runtime-compiler和runtime-only的执行步骤 runtime-compiler: teplate -> ast -> render ->vdom ->UI runtime-only : render ->vdom -> UI 阅读全文
摘要:
目录结构分析 1.build文件夹和config文件夹都是用来进行配置的(是关于webpack的配置) config文件中有一个index.js文件 useEslint:true 修改为false 就可以关闭eslint 2.如何去读文件,通过脚手架创建项目后,一般是通过查看pageage.json 阅读全文
摘要:
一.安装 (1)若已经安装旧版的vue-cli(1.x 或 2.x) 你需要先通过以下方式卸载 npm uninstall vue-cli -g yarn global remove vue-cli (2)vue3.x安装 npm i -g @vue/cli yarn global add @vue 阅读全文