提示：文章是基于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阅读
工具：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阅读
一、描述 虽然现在基本已经放弃兼容ie了，但是工作中有时难免会遇到兼容ie的需求。而不兼容ie的情况下，情况稍微好点的就是样式错乱、某些功能无法正常使用，严重的直接导致整个项目都一片空白。（本人就是严重的那种）二、步骤本人项目在ie中一片空白，虽然ie不兼容es6，但并不是页面空白主要原因。一开始ie报一些不支持es6语法的错误，然后着手解决兼容
转载
2024-07-16 13:47:17
69阅读
1、引入第三方插件–类似于用install安装的一些插件库import echarts from 'echarts'2、引入工具类引入工具类前需要有封装好的工具类，然后export导出相关Js工具类，一般写法如下tool.js类:export function toolFuncA(options) {
return ...
},
export function toolFuncB(options
转载
2024-05-06 17:02:30
93阅读
首先我们引入的vue并不是一个完整的，而是残缺版的vue(没有模板解析器)那如何证明？翻译如下： 大概意思是说功能不全，没有模板解析器。并且提供建议给你：1.使用render函数 2.引入带有模板解析器的vue(完整的vue)，那意思就是说vue并没有引入完整？为什么？ 我们就需要去依赖的地方看看到底有没有完整引入。由于我们在引入的时候，
转载
2024-04-14 12:08:13
39阅读
今日内容es6的语法let特点：
1.局部作用域
2.不会存在变量提升
3.变量不能重复声明const特点：
1.局部作用域
2.不会存在变量提升
3.不能重复声明，只声明常量 不可变的量模板字符串tab键上面的反引号 ${变量名}来插值
let name = '未来';
let str = `我是${name}`箭头函数function(){} === ()=>{} this的指向发
转载
2024-05-28 20:38:16
151阅读
潮流虽然太快，但我们不停下学习的步伐，就不会被潮流丢下的，下面来领略下ES6中新特性，一睹新生代JS的风采。1，let和constlet和const都是块级作用域，说白了只要是在{}里面的代码块就是let和const的作用域。下面我们分别了解一下它们。letlet 的作用域是在它所在当前代码块，但不会被提升到当前函数的最顶部。如下:function f(){
console.log
vue有自己的脚手架构建工具vue-cli,使用起来非常方便，使用webpack来集成各种开发便捷工具，比如： 代码热更新，修改代码之后网页无刷新改变，对前端开发来说非常的方便1.PostCss，再也不用去管兼容性的问题了，只针对chrome写css代码，会自动编译生成支持多款浏览器的css代码2.Eslint，统一代码风格，规避低级错误.3.bable，ES2015出来已经有一段时间了，但是不少
转载
2024-10-25 07:09:51
60阅读
一、如何使用vue1.script若项目直接通过script加载CDN文件，则：<script src=http://webapp.didistatic.com/static/webapp/shield/z/vue/vue/1.0.24/vue.min.js></script>2.npm若项目基于npm管理依赖，则可以使用npm安装vue，执行如下命令：$ npm i vu
转载
2024-04-02 13:43:51
67阅读
什么是ES6ECMAScript 6 简称ES6, 在2015年6月正式发布~ ECMAScript 是JavaScript语言的国际标准。我们本着二八原则，掌握好常用的，有用的~能让我们更快的上手~~~ 1 声明变量const let varES6以前 var关键字来声明变量，无论声明在何处都存在变量提升这个事情~~会提前创建变量~作用域
转载
2024-05-15 20:40:32
72阅读
好处 相比 vue2 更快 更小，开发时搭配 vite 热编译瞬间完成。 组合式API 搭配 es6 的语法编写代码很舒适。 坏处 setup 内编写代码时，每个页面需要 Import 大量的依赖例如：ref、reactive、getCurrentInstance、useStore、watch、computed 、onMounted 这些频繁使用的必须函数。引起不适，其次语法也不够简洁明了。 读写
目录vue组件开发基础
多层嵌套（内含详细注释）vuecomponent构造函数第一部分：vue组件开发基础 <!-- vue中使用组件的三大步骤: 一 ,定义组件(创建组件) &n
一、引入掌握程度 ：了解使用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阅读
什么是ES6ECMAScript 6 简称ES6, 在2015年6月正式发布~ ECMAScript 是JavaScript语言的国际标准。我们本着二八原则，掌握好常用的，有用的~能让我们更快的上手~~~1 声明变量const let varES6以前 var关键字来声明变量，无论声明在何处都存在变量提升这个事情~~会提前创建变量~作用域也只有全局作用域以及函数
转载
2024-03-02 10:50:20
180阅读
一.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
1.ES6模块化es6模块化规范，是一个官方提出的模块化规范，降低学习难度和开发成本，是浏览器端和服务器端通用的模块化开发规范es6模块化定义：每个js文件都是独立的模块导入其他模块需要使用 import 关键字向外共享成员使用 export 关键字在node中想要使用es6模块化规范，保证安装的node为最新版，在package.json根节点中添加：“type”:“modele”1.基本语法默
一、面向对象编程介绍1、面向过程编程(POP)分析出解决问题所需要的步骤用函数把这些步骤一步一步实现使用的时候再一个一个依次调用举例
大象装冰箱
打开冰箱装进大象关闭冰箱2、面向对象编程(OOP)把事务分解成一个个对象由对象之间分工与合作以对象功能来划分问题，而不是步骤举例大象装冰箱
大象(对象)
进入冰箱冰箱(对象)
开门关门面向对象的特性封装性继承性多态性3、面向对象与面向过程对比面向过程
优
转载
2024-10-18 19:08:45
90阅读
