VUE学习笔记

1、组件就是功能模块（局部功能界面）
2、template必须有一个根标签
3、npm run build打包生成dist文件夹：
a、使用静态服务器工具包
npm install-g serve
serve dist
访问http://localhost:5000
b、使用动态web服务器（tomcat）
修改配置：webpack.prod.conf.js
output: {
publicPath: ‘/xxx’ //打包文件夹的名称
}
重新打包：
npm run build 修改dist文件夹为项目名称：xxx 将xxx拷到运行的tomcat的webapps目录下，访问：http://localhost:8080/xxx
4、eslint检查原则：定义n个规则 访问链接
eslintrc.js配置文件，忽略某个规则： 例如：‘indent’: off
eslintignore(忽略那些文件的检查)
5、input输入框enter按键需要绑定监听：
@keyup.enter
6、深度监视

arr : JSON.parse(windows.localstory.getItem('key') || '[]') // 如果是空的防止是null则这样处理

watch: {
  arr: {
    deep: true,    //深度监视
    handler: function (value) {
    // 将最新的值保存到localstorage中
      window.localStorage.setItem('key', JSON.stringify(value))
    }
  }
}

7、vue给自定义组件标签绑定原生事件：加上.native修饰符即可；
8、关于箭头函数里面的this,里面有的话就用函数里面的没有的话就用外面的；