不灭的火

在vue项目根目录下找到vue.config.js文件（如果没有该文件则自己创建），在proxy中设置跨域

devServer: {
    proxy: { // 配置跨域
        '/api': {
            target: 'http://121.121.67.254:8185/', // 这里后台的地址模拟的，应该填写你们真实的后台接口
            changOrigin: true, // 允许跨域
            pathRewrite: {
                /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时
                实际上访问的地址是：http://121.121.67.254:8185/core/getData/userInfo，因为重写了 /api
                 */
                '^/api': ''
            }
        },
    }
},

使用 jQuery 的工厂函数$()：$(html); 会根据传入的 html 标记字符串创建一个DOM 对象，并把这个DOM 对象包装成一个jQuery 对象返回。

通过设置元素的pointer-events属性设置为none，来实现元素不可点击。此方法是通过设置元素的鼠标事件失效来实现元素不可点击。

1. Vue Router：是 vue 官方的路由。它能快速的帮助你构建一个单页面或者多页面的项目。

2. Vuex：是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。它能解决你很多全局状态或者组件之间通信的问题。

cnpm uninstall -g vue-cli
cnpm install -g @vue/cli

uni-app实践

1. uni-app开发叮咚买菜实践笔记
2. uni-app的开发经历（持续更新）
3. uni-app开发踩坑集合(会持续更新)

全局组件 定义方式示例：

Vue.component("hello-component", {
    props: ["message"],
    template: "<div ><h1>组件定义之全局组件</h1><h4>{{message}}</h4></div>"
});

1. require：node 和 es6 都支持的引入
2. export / import：只有es6 支持的导出引入
3. module.exports / exports：只有 node 支持的导出

目录结构：

|——common 公共文件（如 js，css）
|——components 组件库
|——pages 业务页面文件存放的目录
|　　 |——index
|　　　　　 | index.vue index页面
|——static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
|——main.js Vue初始化入口文件
|——App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
|——manifest.json 配置应用名称、appid, logo, 版本等打包信息
|——page.json 配置页面路由、导航条、选项卡等页面类信息

组件是 Web 开发的方向，现在的热点是 JavaScript 组件，但是 HTML 组件未来可能更有希望。 本文就介绍 HTML 组件的基础知识：自定义元素（custom elements）。