上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 25 下一页
摘要: 一个vue-cli项目有三个模式: development(开发环境)模式,用于vue-cli-service serve。 production(生产环境)模式,用于vue-cli-service build 和 vue-cli-service test:e2e。 test(测试环境)模式,用于v 阅读全文
posted @ 2021-09-29 22:06 Strugglinggirl 阅读(1012) 评论(0) 推荐(0) 编辑
摘要: package.json是一个json格式的NPM配置文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。 npm install命令根据这个配置文件,自动下载所需的模块,将package.json中的模块安装到node_modules文件夹下,也就是配置项目 阅读全文
posted @ 2021-09-29 21:44 Strugglinggirl 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 如何运行项目? 输入以下命令即可在开发者模式下运行项目。 npm run serve 输入以下命令即可构建发布版本。(这时会在项目的根目录下生成一个dist文件夹,该文件夹上传到服务器即可。) npm run build 输入以下命令即可安装serve。(一般服务器都是apache或nginx软件搭 阅读全文
posted @ 2021-09-29 21:37 Strugglinggirl 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 通过vue-cli生成的项目目录结构,及各文件夹和文件的用途说明如下所示。 |—node_modules //项目依赖的模块 |—public //该目录下的文件不会被webpack编译压缩处理。存放静态资源文件,第三方非模块化js文件等。 |—favicon.ico //图标文件 |—index. 阅读全文
posted @ 2021-09-29 21:12 Strugglinggirl 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 1、安装vue-cli后,就可以创建项目了。 2、创建项目有两种方式: 第一种是通过vue create<项目名称>命令创建。(推荐使用第一种) 第二种是通过vue ui命令启动图形界面来创建项目。 3、第一种是通过vue create<项目名称>命令创建。(推荐使用第一种) 选择好项目存放的目录( 阅读全文
posted @ 2021-09-29 20:46 Strugglinggirl 阅读(383) 评论(0) 推荐(0) 编辑
摘要: NPM是node.js软件包管理器,项目所需的资源比如vue-cli,都是从网络下载到本地的。 NPM的默认镜像地址是:https://registry.npmjs.org/,这是国外的镜像地址,可能会出现丢包的问题。 如果安装失败,可以使用国内镜像地址,最常用的就是淘宝镜像地址:https://r 阅读全文
posted @ 2021-09-29 11:14 Strugglinggirl 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 特别注意:如果已经全局安装了旧版本的vue-cli(1.x或2.x),需要先卸载它。 //如果是windows系统请打开cmd命令提示符窗口,如果是MAC系统请打开终端,输入命令如下: npm uninstall vue-cli -g 步骤一:进入node.js官网https://nodejs.or 阅读全文
posted @ 2021-09-29 09:57 Strugglinggirl 阅读(770) 评论(0) 推荐(0) 编辑
摘要: ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。 (1)如果在普通的DOM元素上使用,引用指向的就是DOM元素。 (2)如果用在子组件上,引用就指向组件实例。 <template><!--1、在普通的DOM元素上使用,引用指向的就是DOM元素。--> <div 阅读全文
posted @ 2021-09-08 01:08 Strugglinggirl 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器。Vue通过watch选项提供了一个更通用的方法,来响应数据的变化。 当需要在数据变化时执行异步操作或开销较大的操作时,这个方式是最有用的。 在实际开发中可以解决自定义封装组件或是插件,异步初始化数据获取不到的问题。 (1)可以监听da 阅读全文
posted @ 2021-09-08 00:44 Strugglinggirl 阅读(312) 评论(0) 推荐(0) 编辑
摘要: computed实战用法 (1)模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板内放入太多的逻辑会让模板过重难以维护。 使用computed前: {{message.split('').reverse().join('')}} 使用computed后:{{message}}{{re 阅读全文
posted @ 2021-09-08 00:26 Strugglinggirl 阅读(63) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 25 下一页