Vue
文章平均质量分 85
vue全家桶
不头秃的码农
愿你以渺小启程,以伟大结尾
展开
-
Vue可视化管理工具_Vue UI_vue/cli3新增_使用详解
@vue/cli3.0增加一个可视化项目管理工具,全局安装完成cli3.0之后,可以直接在cmd输入命令:vue ui 启动即可,地址默认是 localhost:8000可以通过导入你的vue项目进行管理,也可以通过创建按钮进行可视化创建一个新的vue项目还可以查看运行依赖和开发依赖的以及在线安装和更新依赖,非常方便任务按钮下,你可以运行项目、打包项目,检查等操作...原创 2020-08-04 14:02:11 · 2170 阅读 · 0 评论 -
vue-cli3.x使用详解_安装创建与2.x的区别
1 vue-cli 3.x 简介1.1 简介Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统:是一个类似于create-react-app的可以用命令行快速配置和生成一个 vue 项目 CLI:@vue/cli全局安装的 npm 包,提供了终端里的 vue 命令(如:vue create 、vue serve 、vue ui 等命令) CLI 服务:@vue/cli-service 是一个开发环境依赖。构建于webpack和webpack-dev-server之上(...原创 2020-08-04 13:58:36 · 4686 阅读 · 0 评论 -
vue v-for 需要 key 实例讲解 原理 diff算法
有无key的差异1、without key当选中 notice 1 时,input添加一个新值(notice 3)后选中是notice 3,并不是我们想要的结果,我们想要的是当添加 notice 3 后,选中的依然是 notice 12、with key加了 key 之后,是理想效果原理在我们进行添加数据后,vue 内部时通过 Diff 算法对虚拟 DOM 进行更新,从而进行页面数据更新渲染。(1)diff算法原理-BC之间插入一个F节点:(2)...原创 2020-08-03 20:20:23 · 1404 阅读 · 0 评论 -
Vue Devtools(Google插件)安装教程
1. 去 GitHub 克隆 Vue Devtools 代码到本地git clone https://github.com/vuejs/vue-devtools.git2. 进入 vue-devtools 目录,安装依赖cd vue-devtoolscnpm install3. 修改 manifest.json 文件 persistent 为 truevue-devtools>packages>shell-chrome>manifest.josn...原创 2020-08-03 19:49:29 · 7838 阅读 · 4 评论