灵台方寸山斜月三星洞

Vue 学习笔记 - 项目发布到子目录配置文件`vue.config.js`若依原版修改后打包发布Nginx 配置参考资料Vue 默认的发布位置是在web服务的根目录下，比如地址是：http://127.0.0.1但很多时候，我们的web服务下有多个网站，是通过虚拟路径来区分的，比如http://127.0.0.1/jerry/这就遇到一问题，如何将VUE项目发布到二级目录。以若依系统为例，需要修改vue.config.js中的几个配置。配置文件vue.config.jsvue.config.j

网上很多文章都是抄来抄去打开config下index.js文件，找到 productionSourceMap: true ，改为 false 即可。但是当我如获至宝，准备来设置一下重新打包时。。。我靠，我这根本没有config目录啊。关键字productionSourceMap在整个项目里也完全搜不到啊。解决方案原来用vue-cli3创建的项目没有config目录了。现在配置都放在根目录的vue.config.js中。（如果没有的可以自己创建）另外相应的属性名也变了，现在叫：productio

安装最新稳定版 Vuenpm 装上 nodejs 就有了。 （建议直接用安装包，避免折腾）$ npm install vue创建项目(其实我基本都打是开UI界面操作)#vue-cli2 （webpack就官方默认模板）vue init webpack 项目名#vue-cli3 （回车后会让你选模板）vue create 项目名运行项目创建完成后，会提示：进入项目文件夹运行项目 $ cd 项目名 # 进入项目文件夹 $ npm run serve # 运行项目访问项目

vue-devtools 编译安装先从Github 拉源码编译 vue-devtools1. 安装`yarn`2. 安装项目的全部依赖2. 打包 vue-devtools 插件3. 安装 chrome 扩展（已解压状态）打包 `crx`先从Github 拉源码https://github.com/vuejs/vue-devtools编译 vue-devtools1. 安装yarnvue-devtools 的编译需要用到yarn官网没找到下载的地方，直接到github上下载 https://gi

Vue CLI 学习笔记安装创建一个项目命令行创建UI界面创建安装插件参考资料安装装过旧版 vue-cli (1.x 或 2.x)，先npm uninstall vue-cli -g 卸载。npm install -g @vue/cli检查安装版本是否正确vue --version创建一个项目命令行创建vue create hello-world选取一个 preset完成提示UI界面创建vue ui支持中文，安装插件参考资料Vue CLI...

安装VueVue 安装打开UI界面vue ui访问 Vue 项目管理器查看在管理的项目也可以点【导入】添加已有项目进来管理创建新项目切到创建页，选择一个目录点【在此创建新项目】温馨提示，如果卡住半天不动，检查一下命令行是不是停了（敲下回车，看看进度条动不动）填写项目名称，其它基本可以不动。选择默认预设（设置稍后都可以改）成功后进入仪表板。接下来可以按需要，进行设置、插件和依赖的安装。图形化的，摸摸就会了。...

component、通过 Prop 向子组件传递数据、监听子组件事件、在组件上使用 `v-model`、通过插槽分发内容、动态组件、解析 DOM 模板时的注意事项、参考资料

v-if、v-show、v-for、v-model、事件处理、监听事件、事件修饰符、按键修饰符、按键码 keyCode

Vue-Devtools、命令行工具 (CLI)、模板语法、{{文本插值}}、v-html、v-bind绑定属性、v-on绑定事件、修饰符、计算属性computed、侦听器watch、绑定Class、绑定内联样式

组件注册、Prop传值、slot插槽、动态组件、异步组件

安装npm install vue-router --save-dev再装一下几个要用的插件element-ui、sass-loader 和 node-sass 四个插件# 安装 element-uinpm i element-ui -S# 安装 SASS 加载器npm install sass-loader node-sass --save-dev安装依赖npm install如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：import Vue