vue
L_smwy
这个作者很懒,什么都没留下…
展开
-
2021-04-22
vue-cli3与vue2的区别vue-cli2是基于webpack3打造,vue-cli3是基于webpack4,3.0 新加入了 TypeScript 以及 PWA 的支持。下载安装 npm install -g @vue/cli默认项目目录结构变化vue-cli3的设计原则是“0配置”,移除(隐藏)配置文件目录build和config等;移除了 static 文件夹,新增 public 文件夹,并且 index.html 移动到 public 中;在 src 文件夹中新增了 views原创 2021-04-22 16:14:51 · 78 阅读 · 0 评论 -
2021-04-21
vue报错:’**’ is defined but never used no-unused-vars若代码无书写错误报错原因: ESLint 校验,ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。如果搭建vue项目的时候选择了Eslint校验,就是你定义了某个变量,但是你没有使用它。解决方法解决方法1:在package.json文件内加入如下代码:"rules": { "generator-star-spa原创 2021-04-21 05:50:42 · 145 阅读 · 0 评论 -
vscode 插件和配置推荐
vscode 插件和配置推荐VSCode拓展推荐(前端开发)原创 2021-04-08 07:02:01 · 107 阅读 · 0 评论 -
vue父子组件之子组件中值改变将会影响父组件
子组件改变传递的值,父组件的值也会跟着改变在 JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变这个对象或数组本身将会影响到父组件的状态。vue的组件传值对于引用数据类型来说,是一个浅拷贝。js中所有的基本数据类型是存储在栈内存里面的,引用数据类型是数据放在堆内存里面,栈里面放置的是堆内存的内存地址。因此我们在子组件中修改的时候,其实就是改变父子组件共同引用的那个堆内存中的值,所以也会改变父组件中的数据的值。解决办法解决prop的浅拷贝:原创 2021-04-06 18:29:39 · 2546 阅读 · 0 评论 -
vue内容绑定和事件绑定
内容绑定v-text该指令的作用在于设置标签的文本值,相当于前面所看到的设值表达式(双大括号)。但是当我们使用v-text属性进行设值的话,标签之前不管有什么内容都将被替换掉,如果要想部分的显示,那么我们还是要使用插值表达式的。v-html该指令的作用在于设置标签的innerHTML,相信学过jq的同学应该不陌生,它的作用在于可以将文本解析为html的方式进行一个显示,这也是它和v-text的本质区别。事件绑定v-on:事件名或@:事件名该指令的作用在于为元素绑定常见的事件,如单击、双击原创 2021-04-06 18:12:14 · 308 阅读 · 0 评论 -
v-show和v-if的区别
v-show和v-if的区别两者都用于有条件地显示元素,v-show只需切换css的display即可显示或隐藏元素,而v-if提供了条件渲染地真正实现,它可创建或销毁组件;v-show:无论初始条件是什么都会被渲染出来,只在display:none和display:block之间切换,false的时候对节点进行display:none;的操作,DOM会一直保留,在初始渲染时有更高的开销,但切换开销小,更适用于频繁切换;v-if:当属性初始为false,只有在判断为true的时候才会对数据进行渲染,原创 2021-04-06 17:35:11 · 123 阅读 · 0 评论 -
vue3.0新特性及与vue2.0的区别
vue3.0新特性vue3.0对vue的三个特点:响应式、模板、对象式的组件声明方式进行了全面的更改,底层的实现和上层的API都有了明显变化。基于Proxy重新实现了响应式,基于treeshaking内置了更多功能,提供了类式的组件声明方式。Composition API(组合 API):依赖:npm install @vue/composition-api -saveMain.js:import VueCompositionApi from '@vue/composition-api';原创 2021-04-06 17:07:34 · 634 阅读 · 0 评论