2020idea怎么创建web项目_前端面试题1：vue项目创建?怎么跨域?双向绑定时何时执行watcher...

大家好，我最近在整理前端面试题，这些答案是在网上找了，如果有问题，麻烦留言谢谢

问题1:怎么构建vue项目

就是下载node，然后node -v看是否安装成功，

然后vue init webpack 项目名，

然后按住shift找当前文件夹npm i安装依靠包，

然后在当前文件目录下npm run dev

问题2:怎么前端跨域

打开config下面的index.js，找到proxyTable，添加以下代码即可：

'/api': { //替换代理地址名称

target: 'http://api.douban.com/', //代理地址

changeOrigin: true, //可否跨域

pathRewrite: {

'^/api': '' //重写接口，去掉/api

}

}

这个也只得是能跳过了浏览器的保护 如果后端禁止了也不行

问题2

问题3，vue双向数据绑定时通过。Observe defined property.去实现了，那是什么时候开始执行监听器watch的呢

先要了解：双向数据绑定原理？

https://m.php.cn/article/417685.html

vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的.通过Object.defineProperty()来实现数据劫持，其中会有getter()和setter方法，读取和设置属性

1)定义：监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者Watcher。

2)当监听的属性发生变化时则告诉订阅者Watcher

3)此时当订阅者Watcher接收到相应属性的变化，就会执行对应的更新函数，从而更新视图。

简单的说：双向绑定就是一个去发现是否有数据变化来通知另一个去更新相应的视图