2016 - 2024

感恩一路有你

vue注册全局方法 vue-cli启动本地服务局域网不能访问的原因分析?

浏览量:1452 时间:2021-03-13 16:03:09 作者:admin

vue-cli启动本地服务局域网不能访问的原因分析?

1. 要安装node,Vue需要基于NPM的某个版本运行,因此首先将NPM升级到最新版本。在安装过程中,我比较喜欢淘宝的形象,所以我先安装cnpm(因为速度和稳定性都很好)。2在目标文件夹中打开终端。三。执行cnpm install vue cli-G Global installation run vue检查安装是否成功。4运行Vue init webpack(注意:模板名称)sell2(注意:项目名称)。5输入项目文件夹并执行cnpm install来安装包.json安装完成后,节点模块文件将自动生成到项目文件夹中,以存储已安装的依赖关系文件。6因为依赖关系太多,编辑器在检索模块文件时会消耗大量内存,所以当我们用webstorm编辑器启动项目时,经常右击节点模块文件夹停止检查注意:webstorm一打开就卡住了,没有办法操作文件夹。解决此问题的方法是先以文件夹的形式打开并删除node modules文件夹,然后阻止检索,然后重新启动cnpm install*(此方法需要在安装依赖项后运行一次,然后删除nodemodules子文件。Webstorm打开项目并禁止搜索节点7。运行项目并执行NPM Run dev(注意:此时不能使用cnpm,它必须是NPM)。8将所需资源投入到项目中。9我们需要使用路由功能,所以我们需要安装Vue路由器。安装方法:vnpm install vuve router--Save10。内建/开发-服务器.js这样,您就可以在运行项目时获得所需的JSON数据。这样,您就可以成功地配置路由并获得所需的数据。11在编写代码之前,在HTML文件下引入初始化样式(以保持样式的统一和美观)。12调用组件的方法-

~主要.js引入config.jsimport文件从“.”/config”定义Vue.prototype.defines定义= 定义配置.js内容如下:导出默认{姓名:“who”,性别:“male”,集合名(newname){这个名字=新名称控制台.log(“name changed”)},然后在调用全局变量的Vue的HTML中添加以下内容:{this.defines.name}}可以显示全局变量。修改的方法是:添加Vue调用全局变量的脚本:this.defines.setname(小强)控制台.log( this.defines.name)你可以改变它。

Vue中全局变量的定义和使用?

Vue的官方网站说,“您暂时不需要了解这些。。。“,我想既然你要用Vue进行开发,如果你不完全理解它,你会发现你踩到的坑是由它在将来造成的。最好现在就吃。

主要从以下几个方面进行:

1。Vue的生命周期是什么

2。项目中Vue生命周期的执行顺序

3。Vue中的内置方法和Vue生命周期的运行顺序(方法、计算、数据、监视)

4。自建方法的运行顺序和Vue生命周期,如图所示

5。总结

1。Vue的生命周期是什么

Vue的每个组件都是独立的,每个组件都有自己的生命周期。创建、初始化、装载、更新和销毁组件就是所谓的组件生命周期。在组件中,具体的方法有:

beforecreate

created

beforemount

mounted

BeforeUpdate

updated

]beforedrostroy

destroyed

对应的中文,就像字面意思一样,英文差的童鞋可以找翻译软件!谢谢您!

vue注册全局方法 vue怎么使用 vue项目运行命令

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。