VUE基础细节知识汇总

VUE基础细节知识汇总

1.v-model和：model的区别

	v-model是vue.js中内置的双向数据绑定指令，
	用于表单控件以外的标签是不起作用的
	(即只对表单控件标签的数据双向绑定有效)。

	:model相当于v-bind:model的缩写，
    v-bind动态绑定指令，默认情况下标签自带属性的值是固定的，
	这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。
	当然引用类型除外，子组件改变引用类型的数据的话，父组件也会改变的。
例子：
<input v-model="message"> =
<input v-bind:value="message" v-on:input="message = $event.target.value" />
上面这个例子中，v-bind:value="message" 只是将message变量的值赋给了input的value，
并没有双向绑定，再此声明一下以防混淆

2、npm i和npm install的区别

npm

在进行模块安装时：例如：npm i element-ui -S+

实际使用的区别点主要如下(windows下)：
1. 用npm i安装的模块无法用npm uninstall删除，用npm uninstall i才卸载掉
2. npm i会帮助检测与当前node版本最匹配的npm包版本号，并匹配出来相互依赖的npm包应该提升的版本号
3. 部分npm包在当前node版本下无法使用，必须使用建议版本
4. 安装报错时intall肯定会出现npm-debug.log 文件，npm i不一定

3、ref的作用

<!-- ref 是当前 表单组件的引用对象 -->