1.安装node.js 链接: Node官网链接 . 选择左边长时间维护的版本（比较稳定），右边是最新版，傻瓜式安装就行 开始-运行-cmd ：进入命令控制台 在命令行工具里输入node -v（必须10.0以上的版本） 和 npm -v 查看是否已经安装完成 npm是node包管理器，安装node.js时候一起配套安装的. node -v npm -v 接下来安装nrm，因为之后要通过npm安装很…
1.首先打开Pycharm-settings-Language&Frameworks，将JavaScript language version改为ECMAScript6，如下图所示。 2.选择settings-plugins，搜索vue.js，点击install. 安装完之后再次搜索vue.js，出现上图则说明配置成功。 这时候再打开，PyCharm可以识别.vue项目。 版权声明：本文为…
使用 vue简单写的一个页面demo ,用jquery发送ajax请求，bootstrap 组件。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s…
什么是状态管理？ 集中管理一个项目状态变更的仓库，可能这样说对于刚刚接触vue的人来说有点概念模糊了； 用群聊的方式解释：群聊中任何人发消息，在群成员都可以看得见，而不需要一个个去发送消息； provide/inject 跨级通信达到全局状态管理的目的 小型项目中，在没有安装vuex状态管理的情况下， 可以通过provide/inject实现全局状态管理 注意： provide和inject绑定并…
vue 动态组件 v-for动态ref获取解决方案 <component :key="item.labelcode" :is="item.labelcode" :ref="item.labelcode" ></component> 踩坑： 1.动态组件： is后面是动态的组件名 <component :is="item.labelcode" ></comp…
v-bind 用于将html标签属性交给vue实例管理，这样就可以通过vue来动态修改html标签属性了 v-bind: 可以用 : 来代替，如 v-bind:src="" 可以写成 :src="" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>…
效果 功能点 大概有如下两个功能点： 列表横向排列 点击左右两个按钮可以左右移动每个item（附加动画） 思路 列表横向排列可以使用flex布局解决，主要逻辑在左右滑动的控制上面。 在样式上来看，左右滑动其实可以看成： 改变position为relative时属性left值。 具体分析如下： 如上图，蓝色为外层div，红色为内层div。 内层div装有列表的各项item，所以它的宽度可能会大于外层…
不知道大家有没有遇到这种情况 写好了代码 然后利用编译器进行格式化代码 这样，他就自动将单引号变成了双引号，并且在末尾加上了分号，这样是不符合 eslint 语法格式的，运行就会报错，那么下面来看看如何解决代码格式化与eslint冲突的问题 在项目根文件夹新建一个名为 .prettierrc 的文件 在 .prettierrc 文件中进行配置，里面写json格式 { "semi": false, …
目录 一、环境准备 1、先安装node.js 2、安装淘宝的镜像 二、开始搭建vue 1、检查脚手架是否安装 2、创建项目 vue create project 3、选择项目的配置项 4、启动项目 先附上重点步骤截图 一、环境准备 1、先安装node.js 下载node.js的安装和全局配置参考： nodejs的安装和全局配置(超详细哦)_不甜呐的博客-CSDN博客 2、安装淘宝的镜像 在cmd中…