Vue CLI

1.终端执行命令npm clean cache -force可以清空npm-cache。

2.对于vue cli2创建的项目，如果使用了eslint，但又不想再用了的话，可以在config目录下的index.js中，找到useEslint:true，将true改为false，在执行命令npm run dev编译一下。

3.runtime-compiler和runtime-only的区别

如果在之后的开发中依然使用template，就需要用runtime-compiler
如果使用的是.vue文件夹开发，就选择runtimr-only。

4.vue2.5.21->vue2.x->flow-type(facebook)；vue3.x->TypeScript(microsoft)。

5.vue-cli3和vue-cli2版本的区别

前者基于webpack4创建，后者基于webpack3
前者设计原则是“0配置”，移除了配置文件根目录下的build和config等目录
vue-cli3提供了vue ui命令，提供了可视化配置
移除了static文件夹，新增了public文件夹，并且index.html移动到public文件夹中，最后

6.在创建vue-cli3项目时如果自己保存了设定的preset（配置），之后想要删除的话只需要找到文件（deepin下的）/home/erin/.vuerc，删除其中的presets对应的要删除的配置内容。

7.终端执行命令npm install可以自动安装项目的package.json中的一些依赖。

8.对于vue cli3创建的项目，执行命令npm run serve启动本地服务器，执行命令npm run build编译发布。

9.如果想改动vue cli3的配置，有3种方法：

启动本地的配置服务器：vue ui
./node_modules/@vue/cli-service/webpack.config.js文件
在当前项目根目录下创建文件vue.config.js，最后编译的时候会将其中的配置和隐藏起来的原来的配置文件合并

10.如果想知道项目当前vue的真实版本号，可以找到./node_modules/vue/dist/vue.js文件，最上面会标明版本号；或者./node_modules/vue/package.json文件，version对应的就是vue的真实版本号。

11.有关箭头函数和其中this的使用：

什么时候使用箭头函数：把一个函数作为另外一个函数的参数的时候。注意：在对象中定义函数时不需要用箭头函数的写法，直接用ES6的对象字面量增强写法即可

箭头函数中的this向外层作用域中一层层查找this，一直有this的定义。下面代码中，因为函数aaa是在对象obj中定义的，所以函数aaa中的this变量就是obj对象，箭头函数中的this变量就是obj对象。

const obj = {aaa() {// 因为是call调用的该函数，并且会把window作为第一个参数传进去，所以以下面这种形式定义的函数，其中的this是WindowsetTimeout(function () {console.log(this); // Window});setTimeout(() => {console.log(this); // obj对象，"aaa: f"});}
};

const obj = {aaa() {setTimeout(function () {setTimeout(function () {console.log(this); // Window});// 因为外面最近的作用域是函数setTimeout，而它具有的this变量是Window，所以下面的箭头函数其中的this变量也就是WindowsetTimeout(() => {console.log(this); // Window});});setTimeout(() => {setTimeout(function () {console.log(this); // Window});setTimeout(() => {console.log(this); // aaa中的this，也就是obj对象});});},};

Vue学习笔记（四）相关推荐

千峰java 笔记整理_JAVA学习笔记系列：菜鸟Vue学习笔记（四）
菜鸟Vue学习笔记(四) 上周学习了使用Vue来操作表单元素进行数据双向绑定,今天我们来学习下Vue中的组件,Vue中的组件作用就是去封装一些常用的页面标签,将其当做一个整体,以便在其他位置直接使用一 ...
vue学习笔记（四）- cmd无法识别vue命令解决方法
vue学习笔记(四)- cmd无法识别vue命令解决方法参考文章: (1)vue学习笔记(四)- cmd无法识别vue命令解决方法 (2)https://www.cnblogs.com/suRimn ...
Vue学习笔记（四）—— 前端路由
介绍本文主要介绍路由的相关知识,当然主要是以Vue的路由为主要介绍对象. 有兴趣的朋友可以看看之前的文章: Vue学习笔记(一)-- 常用特性 Vue学习笔记(二)-- 组件开发 Vue学习笔记(三 ...
Vue学习笔记（五）—— 状态管理Vuex
介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.Vuex 也集成到 Vue 的官方调试 ...
Vue学习笔记02——Vue路由
Vue学习笔记01--Vue开发基础一.初识路由 1.路由的作用 Vue的路由是前端路由,可以让组件之间互相切换. 2.vue-router.js文件 Vue的路由使用需要引入vue-router. ...
day4 vue 学习笔记组件生命周期数据共享数组常用方法
系列文章目录 day1学习vue2笔记 vue指令 day2 学习vue2 笔记过滤器侦听器计算属性 axios day3 vue2 学习笔记 vue组件 day4 vue 学习笔记组件生命 ...
VUE学习笔记------奕长苏
VUE学习笔记------奕长苏一.引言二.视图和数据的双向绑定 - - - v-model 三.组件 - - - component 四.其它一.引言本文为个人在学习vue时总结的学习笔记, ...
Vue学习笔记（三）Vue2三种slot插槽的概念与运用 | ES6 对象的解构赋值 | 基于Vue2使用axios发送请求实现GitHub案例 | 浏览器跨域问题与解决
文章目录一.参考资料二.运行环境三.Vue2插槽 3.1 默认插槽 3.2 具名插槽 3.3 作用域插槽 ES6解构赋值概念 & 作用域插槽的解构赋值 3.4 动态插槽名四.GitHu ...
「Vue 学习笔记 1」Vue 项目快速搭建，初始项目各个文件夹作用介绍和启动代码执行流程分析
「Vue 学习笔记 1」Vue 项目快速搭建,初始项目各个文件夹作用介绍和启动代码执行流程分析前言一.我的开发环境二.使用 Vue CLI (Vue 脚手架)快速搭建项目三.初始项目的目录结构 ...
Vue学习笔记: Vue + Element-ui搭建后台管理系统模板
Vue学习笔记: Vue + Element-ui搭建后台管理系统模板技术:Vue + Element-ui 功能:后台管理系统基础模板,路由配置,加载页面进度条,请求响应拦截器的封装等页面预览: ...

Vue学习笔记（四）

Vue CLI

Vue学习笔记（四）相关推荐

最新文章

热门文章