不灭的焱

革命尚未成功,同志仍须努力

作者:php-note.com  发布于:2021-09-06 10:07  分类:HTML/CSS/JS  编辑

基于vue-cli2搭建一个vue项目,目录结构讲解

作者:php-note.com  发布于:2021-09-05 01:14  分类:HTML/CSS/JS  编辑

devvue cli2的默认执行命令,servevue cli3的默认执行命令,二者虽只有版本不同,但是在打包时还是有很大的区别,在执行是哪个命令时,记得先看一下package.json文件中的配置呀

作者:php-note.com  发布于:2021-08-31 23:27  分类:HTML/CSS/JS  编辑

在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': ''
            }
        },
    }
},
作者:php-note.com  发布于:2021-06-01 22:31  分类:HTML/CSS/JS  编辑

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

作者:php-note.com  发布于:2021-05-18 16:54  分类:HTML/CSS/JS  编辑

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

作者:php-note.com  发布于:2021-05-06 14:57  分类:HTML/CSS/JS  编辑
  1. Vue Router:是 vue 官方的路由。它能快速的帮助你构建一个单页面或者多页面的项目。

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

作者:php-note.com  发布于:2020-11-07 01:07  分类:HTML/CSS/JS  编辑
npm uninstall -g vue-cli
npm install -g @vue/cli
作者:php-note.com  发布于:2020-09-19 13:52  分类:HTML/CSS/JS  编辑

全局组件 定义方式示例:

Vue.component("hello-component", {
    props: ["message"],
    template: "<div ><h1>组件定义之全局组件</h1><h4>{{message}}</h4></div>"
});
作者:php-note.com  发布于:2020-09-19 00:27  分类:HTML/CSS/JS  编辑
  1. require:node 和 es6 都支持的引入
  2. export / import:只有es6 支持的导出引入
  3. module.exports / exports:只有 node 支持的导出
作者:php-note.com  发布于:2020-09-08 16:01  分类:HTML/CSS/JS  编辑

目录结构:

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