工具：webpack（2018.1.5）、node 注：新版的webstorm左下角会有Terminal按钮，电脑安装node之后点击该按钮会弹出node窗口，可以在该窗口中输入npm命令。1. 配置vue-loader和webpack初始化项目目录npm init然后一直按回车选择默认，最后选择 yes完成之后目录下会生成一个package.json文件，之后安装的vue插件都会在这个文件中显示
es6新特性ES6新特性介绍阮一峰的翻译的ECMAScript 6 入门-图书增加了 const let修饰
还有map reduce indexof的替换者includes
包括template(模板字符串（template string）是增强版的字符串，)在模板字符串中嵌入变量，需要将变量名写在${}之中 结构{temp.feid} array.forEach(v = > conso
对于即将到来的 vue3.0 特性你有什么了 解的吗？Vue3.0正在发布的路上，Vue3.0的目标是让Vue核心变得更小、更快、更强大，因此Vue3.0增加以下这些特性： ①监测机制的改变3.0 将带来基于代理 Proxy 的 observer 实现，提供全语⾔覆盖的反应性跟踪。
这消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制：
- 只能监
转载
2024-09-25 14:51:55
463阅读
提示：文章是基于vue3的项目基础上引入ts 文章目录1.基于脚手架的情况下创建 vue3项目2.启动未引入ts的vue3项目3.在页面中（HomeView.vue）引入ts4.配置vue3+ts项目5.其他配置6.在HomeView.vue 使用Ts语法 1.基于脚手架的情况下创建 vue3项目vue create vue3-ts选择自定义预设，ts设置未选中状态 选择yarn与npm启动项目（
转载
2024-04-01 19:41:43
613阅读
今日内容es6的语法let特点：
1.局部作用域
2.不会存在变量提升
3.变量不能重复声明const特点：
1.局部作用域
2.不会存在变量提升
3.不能重复声明，只声明常量 不可变的量模板字符串tab键上面的反引号 ${变量名}来插值
let name = '未来';
let str = `我是${name}`箭头函数function(){} === ()=>{} this的指向发
转载
2024-05-28 20:38:16
151阅读
vue有自己的脚手架构建工具vue-cli,使用起来非常方便，使用webpack来集成各种开发便捷工具，比如： 代码热更新，修改代码之后网页无刷新改变，对前端开发来说非常的方便1.PostCss，再也不用去管兼容性的问题了，只针对chrome写css代码，会自动编译生成支持多款浏览器的css代码2.Eslint，统一代码风格，规避低级错误.3.bable，ES2015出来已经有一段时间了，但是不少
转载
2024-10-25 07:09:51
60阅读
什么是ES6ECMAScript 6 简称ES6, 在2015年6月正式发布~ ECMAScript 是JavaScript语言的国际标准。我们本着二八原则，掌握好常用的，有用的~能让我们更快的上手~~~ 1 声明变量const let varES6以前 var关键字来声明变量，无论声明在何处都存在变量提升这个事情~~会提前创建变量~作用域
转载
2024-05-15 20:40:32
72阅读
一、引入掌握程度 ：了解使用Vue时，有时会遇到tab切换，如下图:1. 可实现方法：(1) v-if
(2) component动态组件
(3) 使用vue-Router 路由切换2.对比第一种方法 v-if ，这可能是我们能最快想到的解决办法，但是v-if并不是最佳解决办法 v-if 在运用时，渲染所有节点，这意味着，当用户还未点击tab进行切换导航的时候，用户就已经被动的将所有资源加载
转载
2024-09-07 17:43:37
95阅读
好处 相比 vue2 更快 更小，开发时搭配 vite 热编译瞬间完成。 组合式API 搭配 es6 的语法编写代码很舒适。 坏处 setup 内编写代码时，每个页面需要 Import 大量的依赖例如：ref、reactive、getCurrentInstance、useStore、watch、computed 、onMounted 这些频繁使用的必须函数。引起不适，其次语法也不够简洁明了。 读写
目录vue组件开发基础
多层嵌套（内含详细注释）vuecomponent构造函数第一部分：vue组件开发基础 <!-- vue中使用组件的三大步骤: 一 ,定义组件(创建组件) &n
什么是ES6ECMAScript 6 简称ES6, 在2015年6月正式发布~ ECMAScript 是JavaScript语言的国际标准。我们本着二八原则，掌握好常用的，有用的~能让我们更快的上手~~~1 声明变量const let varES6以前 var关键字来声明变量，无论声明在何处都存在变量提升这个事情~~会提前创建变量~作用域也只有全局作用域以及函数
转载
2024-03-02 10:50:20
180阅读
1.ES6模块化es6模块化规范，是一个官方提出的模块化规范，降低学习难度和开发成本，是浏览器端和服务器端通用的模块化开发规范es6模块化定义：每个js文件都是独立的模块导入其他模块需要使用 import 关键字向外共享成员使用 export 关键字在node中想要使用es6模块化规范，保证安装的node为最新版，在package.json根节点中添加：“type”:“modele”1.基本语法默
一.es6基本语法0.es6参考网站http://es6.ruanyifeng.com/#README1.let 和 const(1)const特点: 只在局部作用域起作用 不存在变量提升 不能重复声明Var声明变量提升问题:1 <script>
2 //相当于在开头var a,所以第一次打印是undefined而不是报错
3 console.
vue手册：ES2015: 2一.一言蔽之二.ES2015给java开发带来了什么？三.ES2015新语法详解四.ES2015的前端开发实战五.ES2015的Node.js开发实战六.一窥ES7七.后记vue.js 1.0解读： vue手册：必备基础：html5，es6，git。vue起始就是个文件库，node-modules，他的运行底层还是借助es5+。ES2015:1.一言蔽之E
vue项目中webpack的配置目录结构如下：webpack.base.js// 引入nodejs路径模块
var path = require('path')
// 引入utils工具模块，具体查看我的博客关于utils的解释，utils主要用来处理css-loader和vue-style-loader的
var utils = require('./utils')
// 引入config目录下
转载
2024-10-18 16:01:48
79阅读
var array=[1,2,3,4];数组变异push(): 直接在当前数组的末尾添加一个或多个元素，返回当前数组一个新的长度，但修改原数组以后会把新数组原原本本的输出，例如：var a=array.push(5, [6,7]);
console.log(a);
console.log(array);
//输出如下：
// 6
// Array(6) [1, 2, 3, 4, 5, Array(
转载
2024-07-15 20:37:38
73阅读
vite 中文参考文档 init vite@latest 步骤如下图： 下载依赖 npm i 启动项目： npm run dev pinia文档：https://p
原创
2022-10-13 14:16:29
303阅读
01. 什么是 Vue Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，是当下很火的一个 JavaScript MVVM 库，是以 数据驱动和组件化 的思想构建的。MVVM 模式简述下图不仅概括了 MVVM 模式 (Model-View-ViewModel)，还描述了在 Vue.js 中 ViewModel 是如何和 View 以及 Model 进行交互的
ES6模块化ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不再需要需要额外学习AMD、CMD或CommonJS等模块化规范ES6模块化规范中定义：每个js文件都是一个独立的模块导入其他模块成员使用import关键字向外共享模块成员使用export关键字在node.js中体验ES6模块化安装v14.15.1或更高版本的node.js在
文章目录一、es61.1 前端概述 1.2 js es6 新特性 1.2.1 let和constant 1.2.2解构函数和结构化代码块 1.2.3函数相关  
转载
2024-04-07 14:00:58
128阅读
