使用方式:
方法一:官网下载安装
方法二:通过npm引入依赖(安装node,node里包含npm)
查看版本指令(查看是否以安装):
node -v
npm -v
NPM(Node)安装和镜像的设置
切换镜像方式:
手动切换
工具切换(nrm)
1.安装nrm:
npm install nrm -g
//-g 全局安装
2.查看nrm镜像:
nrm ls
测试镜像速度:
nrm test npm
3.更改镜像
nrm use taobao
//使用阿里的镜像
在项目中引入vue
idea创建一个空项目
在model中加入static web
进入终端窗口
npm init -y //初始化项目
安装vue
npm install vue --save //--save 本地安装 只对当前项目可用
在html中引入vue
<body><script src="node_modules/vue/dist/vue.js"></script></body>
vue基本使用
<div id="app"> <button @colck="click">执行函数</button> <input type="text" v-model = num> //双向绑定 <h2>{{name}} </h2> <br>{{num}}</div><script src="./node_modules/vue/dist/vue.js"></script><script> var app = new Vue({ //创建vue对象 el:"#app", // el,即element。要渲染的的页面元素 data:{ // 数据 name:"", num: 0 }, methods:{ //定义方法函数 click(){ console.log("hello"); } }, created(){ //钩子函数 //向后台发起AJAX请求,初始化date数据 this.name = "jdh"; //this指向vue对象 setTimeout(( ) => this.name = "jiang",2000) } });</script>
vue生命周期
来源:https://www.cnblogs.com/dehao/p/10991996.html