
vue
Conan_W
这个作者很懒,什么都没留下…
展开
-
Babel/Plugin -支持JS新语法[可选链操作符/空值合并操作符/空值合并操作符]
最近在学习ES最新几个版本的新特性的时候发现 **?.**可选链操作符, **??**空值合并操作符, **??=**空值合并操作符等。大致的演示一下用法:?. 可选链操作符var obj = { a: 1},obj.a // 1obj.b // undefinedobj.a.b // undefinedobj.b.c // Error报错obj?.b?.c // undefined// 允许我们深层的检索有没有该属性?? 空值合并运算符// 当左侧的值为null和undef原创 2022-05-16 17:22:51 · 3242 阅读 · 0 评论 -
DEMO-拖拽插件
Vue的拖拽插件拖拽插件vuedraggable 方式是标准的组件式封装,并且将可拖动元素放进了transition-group上面,过渡动画都比较好vuedraggable拖动可以在updated中监听到vuedraggable的拖动规则是 拖动元素后到新位置,后面元素依次退了一个位置1. 安装npm install vuedraggable --save2. 引入import vuedraggable from 'vuedraggable'components: {vuedragga原创 2021-07-05 14:34:56 · 282 阅读 · 0 评论 -
vue - params和query传递参数的不同
我们从vue-router和node接收两个方向讲讲区别路由传参的两种params和query点击之切换到w组件并传递id值和age值<router-link :to="{ A: 'xxx', query: { xx:'xxx' }}" /><router-link :to="{ A: 'xxx', parmas: { xx:'xxx' }}" />routes:{ ??? }query<router-link :to="{ name: 'W', quer.转载 2021-07-12 17:54:55 · 223 阅读 · 0 评论 -
vue-vue.config.js的配置
vue.config.jsVue-cli3.x 脚手架创建之后需要手动创建vue.config.js进行配置请将其放在与pack.config.js同一个目录中。同时会被@vue/cli-service自动加载。// vue.config.js/** * @type {import('@vue/cli-service').ProjectOptions} */module.exports = { // 选项... publicePath: '/', // 部署应用包的基本url,原创 2021-05-17 11:54:58 · 560 阅读 · 0 评论 -
vue-editorconfig的配置文件
.editorconfig作用是对项目进行编写的配置 包括:缩进# 告诉EditorConfig插件,这是根文件,不用继续往上查找root = true# 匹配全部文件[*]# 结尾换行符,可选"lf"、"cr"、"crlf"end_of_line = lf# 在文件结尾插入新行insert_final_newline = true# 删除一行中的前后空格trim_trailing_whitespace = true# 匹配js和py结尾的文件[*.{js,py}]# 设置字符原创 2021-05-17 11:47:19 · 289 阅读 · 0 评论 -
vue-Eslints配置
ESLint的规则有三种级别"off"或者0,不启用这个规则"warn"或者1,出现问题会有警告"error"或者2,出现问题会报错给项目配置 .eslintrc.js使用一个js文件,JSON或者YAML文件来给整个目录和它的子目录指定配置信息。// https://eslint.org/docs/user-guide/configuringmodule.exports = { //此项是用来告诉eslint找当前配置文件不能往父级查找 root: true, //原创 2021-05-17 11:45:46 · 175 阅读 · 0 评论 -
echarts-在vue中使用echarts
在vue中使用echarts表格Vue-Echarts V6使用方式有两种:// 安装echartsnpm i echarts@4.9.0 ///引入方式是import echarts from 'echarts'// 如果版本大于@5.0.0版本 就会引入方式为 const echarts = require('echarts')// 方式一:// main.jsimport myCharts from './...myCharts.js'Vue.use(myCharts)//原创 2021-05-16 20:53:19 · 2800 阅读 · 0 评论 -
VUE-demo01单选和多选 v-bind/v-for
demo01: 实现单选和多选<!-- 实现单选 --><div id="app"><ul><li v-for='(item, index) in movies' v-on:click = 'getClasses(index)' :class="{checked:index === n}">{{ index }} - {{ item }}</li></ul></div><script src="../vue.原创 2021-05-16 17:50:38 · 170 阅读 · 0 评论 -
vue-详解插槽的概念
的的的原创 2021-05-16 17:48:52 · 247 阅读 · 0 评论