——Vue.js
张今天
这个作者很懒,什么都没留下…
展开
-
es6 语法练习--数组与模块使用
1. 数组Ex1, 数组的创建,arrayofEx2, 类转化为数组,属性名必须为数值Ex3,转化对象为数组Ex4,map、set、转为数组Ex5, 数组查找元素Ex6,数组的遍历2. 模块模块的基本导入,报错,需要在package.json中添加 type:module,之后才会正常。...原创 2022-05-28 16:04:51 · 209 阅读 · 0 评论 -
es6 语法练习--对象与函数
对象Ex1,属性名为属性名,属性值为属性值,类似字典的表达Ex2, 方法名可以简写Ex3, 属性名表达式Ex4, 对象的操作Ex5, 当自定义属性在扩展运算符后面时,则扩展运算符内部对象被覆盖Ex6, 对象比较函数练习Ex1,函数的基本使用Ex2, 箭头函数的使用...原创 2022-05-27 15:38:40 · 157 阅读 · 0 评论 -
es6 语法练习-- 字符串与数值
es6 语法练习-- 字符串Ex1、字符串的补全、重复、查找操作Ex2、 模版字符串的使用原创 2022-05-26 13:54:42 · 164 阅读 · 0 评论 -
es6 语法练习 3 --Map 与Set
3 es6 语法练习 3 --Map 与Set3.1 MapEx1、 key 是字符串、对象、函数的例子Ex2、Map中的迭代遍历,Ex3、Map中的foreach使用Ex3、Map的相关操作(与数组的转换、克隆另一个map、合并map)3.2 Set 的使用Ex1 set的基本使用Ex2 Set 的类型转换Ex3 Set的 操作(差集、并集、合集使用)...原创 2022-05-25 16:39:35 · 130 阅读 · 0 评论 -
es6 语法练习 2 -- 解构赋值
2 解构赋值2.1 数组的解构赋值Ex1,按照数组对应位置赋值Ex2, 特殊使用Ex3, 不完全解构,以及解构不成功时变量的值是什么?Ex4,默认值的使用2.2 对象的解构赋值Ex1,顺序不影响其赋值Ex2,与数组相同 ,可以嵌套模式,可以忽略Ex3,不完全解构与剩余解构Ex4,默认值的使用...原创 2022-05-25 16:04:04 · 211 阅读 · 0 评论 -
es6 语法练习-- 关键字 let、const
文章目录E S 6(javascript 新的标准语法) 学习1、配置环境2、语法练习2.1 关键字 let、constE S 6(javascript 新的标准语法) 学习1、配置环境新建项目 untitled2,新建文件dist、src初始化项目,在终端输入。npm -init -y如图所示,会生成一个package.json 文件安装 babel,将其es6转为es5,转化版本的目的是为了兼容更多浏览器。npm i --save-dev babel-cli babel-pr原创 2022-05-24 18:12:35 · 390 阅读 · 0 评论 -
vue 2.x 问题 5 : $ is not define
问题描述:在写我的vue相关小测试时,我写了部分js代码,放到了框架(bootstrap)的js前面,然后就一直出现这个错误。问题解决:调整了vue的js与相对的bootstrap的js的代码的顺序,放到了它的下方。附录(参考博客)https://blog.csdn.net/u011897110/article/details/79192420...原创 2019-05-06 20:45:38 · 540 阅读 · 0 评论 -
vue2.x 问题 4 : Expected indentation of 4 spaces but found 6
问题描述:开始使用webstorm上练习vue时出现了这个报错信息。解决办法:这个是因为在建立项目时,你选择了默认安装ESLint ,他这个 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确在vue项目中找到build文件夹 --> webpack.base.conf.js --> module找到如下的代码:把关于eslint的配置这行隐去就可以了modu...原创 2019-05-06 08:20:46 · 3723 阅读 · 0 评论 -
vue 2.x 问题3: 解决在WebStorm中使用Vue的v-bind,v-on报错
问题描述:在webstorm中写vue时使用v-on,v-bind等等一些vue语法时常出现错误提示:解决办法:在webstrom设置里找到XML,把 Unbound XML namespace prefix的勾去掉对于不同版本的 WebStorm,这个选项有可能不在同一个位置,如果按这个步骤找不到,就直接搜索 Unbound XML namespace prefix具体步骤如下:Fi...原创 2019-05-05 16:48:16 · 1055 阅读 · 0 评论 -
vue2.X 问题2: vue-devtools离线安装
如何安装呢?怎么安装呢?本来看了一个vue的视频,里用到了vue-devtools这个工具,并且可以方便调试vue。本来直接从百度上搜了一个关于chrome中的假的.ctx文件。下载结束后,直接进入chrome的扩展工具页面添加该工具,但是它报了一个 无效的错误。解决办法:又重新下载了一个较新的文件vue-devtools,因为直接拖.ctx文件到chrome上活出现无效的提示,所以将其...原创 2019-05-05 16:37:18 · 807 阅读 · 1 评论 -
vue2.x 问题1:去除url中的#/
问题描述:启动vue后总在链接中自动出现 #/.http://localhost:8080/#/问题解决:是vue的路由模式问题,配置一下mode就可以了,详情截图如下:原创 2019-05-05 16:26:33 · 552 阅读 · 0 评论 -
Vue.js的学习记录_7
动态CSSvue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&q原创 2019-03-13 16:13:25 · 102 阅读 · 0 评论 -
Vue.js的学习记录_6
计算的特性vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&q原创 2019-03-13 16:04:52 · 119 阅读 · 0 评论 -
Vue.js的学习记录_5
数据绑定的两种方式Vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2019-03-13 15:57:12 · 135 阅读 · 0 评论 -
Vue.js的学习记录_4
键盘响应事件vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&原创 2019-03-13 15:50:58 · 74 阅读 · 0 评论 -
Vue.js的学习记录_3
事件以及事件修饰Vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2019-03-13 15:46:47 · 91 阅读 · 0 评论 -
Vue.js的学习记录_2
数据绑定Vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&qu原创 2019-03-13 15:35:28 · 86 阅读 · 0 评论 -
Vue.js的学习记录_1
Vue的初始化、数据与方法vue.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="view原创 2019-03-13 15:28:53 · 110 阅读 · 0 评论