柳宁依的博客

使用vue-cli4创建的项目写完后，直接执行npm run build打包，点开dist文件夹中index.html文件。没错，啥都没有。看控制台，报错了经百度搜索，发现需要配置一下路径。根目录下新建一个vue.config.js文件，文件中写下下面三行代码。module.exports={ publicPath:"./", //用法和webpack本身的output.publickPath用法一致}重新打包，浏览器打开index.html文件，完美，一切正常显示了。具

Snabbdom是一个虚拟DOM库。parcel是一个打包工具，使用非常简单，0配置。创建Snabbdom项目结构的基本步骤：//创建项目目录md snabbdom-demo//进入项目cd snabbdome-demo//创建package.jsonnpm init或yarn init -y//本地安装parcel-bundlernpm install parcel-bundler或yarn add parcel-bundler//在package.json文件中，scri.

vue-cli2里面是有config文件夹和build文件夹的，在打包的时候可以直接用来进行webpack的相关配置。而在vue-cli3中是没有这两个文件加的，因为vue-cli3直接集成了webpack。安装vue-cli3的方法是：npm install @vue/cli -g。如果已经安装过vue-cli2了，先卸载：npm uninstall vue-cli -g。vue-cli3创建项目的方式是vue create 项目名称。安装vue-cli2的方法是：npm install...

敲重点：避免变量污染不使用return包裹的数据会在项目的全局可见，会造成变量污染；使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。当一个组件被定义， data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新实例后，我们能够调用 ...

1、首先到阿里云服务器上面申请证书，申请完成以后下载下来（nginx服务版本的），解压出来两个文件，文件后缀是.key和.pem，最好把这两个文件名改成自己的域名。具体申请证书的步骤自行百度。2、将vue项目里面的config文件夹下面的prod.env.js文件中加上一句：BASE_URL:'"https://xxx.xxx.xx.xxx"'，xxx.xxx.xx.xxx是自己服务器的ip，...

接之前已经将后端代码放到服务器1、进入config文件夹下面的index.js文件，将dev和build对象里面的assetsPublicPath属性值都进行更改。由assetsPublicPath:"/"改为assetsPublicPath:"./"接着，所有的请求接口去掉http://localhost:3000，直接保留原来的路由路径（因为打包以后会放到服务代码下...

前提：已经安装node环境和vue-cli脚手架，已注册小程序。1、执行以下命令，生成前端项目结构vue init mpvue/mpvue-quickstart project2、执行以下命令全局安装express脚手架和expressnpm install -g express-generatornpm install express -g进入要将项目建立的位置，执行...

首先，assets文件夹和static文件夹在vue-cli生成的项目中，都是用来存放静态资源的。1、assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。build的时候由Webpack解析为模块依赖。2、static/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件...

安装mavon-editor。npm install mavon-editor --save在要插入富文本的页面引入mavon-editor。import mavonEditor from "mavon-editor";import "mavon-editor/dist/css/index.css";Vue.use(mavonEditor);使用mavon-editor组件...

项目前端是vue-cli生成的项目结构，后端是express的生成器生成的目录结构。1、express后端项目中安装cors，并在app.js文件中引入cors，写下如下几行代码var cors = require('cors');//跨域app.use(cors({ origin:['http://localhost:8080'], methods:['GET','P...

百度网盘链接：https://pan.baidu.com/s/1UkcbuLf454qrOz_MB4dLlw提取码：3v7n欢迎关注，日后有资料分享给大家一起学习 

今天看了一下vuex的中文官网，简单总结一下新手对vuex知识的理解。vuex的核心就是store（仓库）,主要知识点分为state，getter，mutation，action，module。 state:是一个用来存储状态量的对象，个人感觉挺像组件里面的data。getter:相当于是store的计算属性，可以对state里面的状态量进行一些计算，getter接受state作为...

<div v-bind:class="{ active: isActive }"></div>当isActive为真时，该div会有active类的样式，否则，没有。 v-for循环生成列表，当点击列表时，将被点击的那个列表的索引值存储在num中，即num值即为当前列表的索引值。再依照class绑定的样式的条件num==index,就会只有索引值为num的列表才...

动态组件写法<component v-bind:is="currentComponent"></component>，其中由is特性来决定显示哪一个组件，其中currentComponent是要显示的组件的名字。如果动态组件用<keep-alive></keep-alive>标签包裹，那么是活的组件就会被缓存起来，不用每次都创建实例。 一...

安装：利用vue-cli这个工具创建一个vue项目，然后在项目中安装这个插件，详细方式可见官网，我用的是npm安装npm install vue-awesome-swiper --save引入这个插件：一般情况下可能多个页面要使用到轮播图，就全局引入这个插件，当然如果只需要局部用这个插件可以局部引用。我使用的是全局引用。在main.js文件中添加下面三句（即引入了这个轮播插件）：import Vu...