bigfatDone的博客

vuex的初始化vuex通过export default一个object{}，里面包含了许多的对象，其中就包含了Store,这是是一个构造函数，用于接收配置的state，mutation之类的参数,使用createStore都会重新new一个store对象，所以不能重复new。// 这里必定暴露一个install的方法，因为vuex本身是一个对象，并不是一个function--构造函数内部有一个install方法，并且还在定义了$store为全局用法。import { createApp } fr

安装vue框架运行以下命令来创建一个新项目：vue create zys-npm-rollup-plop-programcd zys-npm-rollup-plop-programyarn run serve安装rollup.js和依赖项rollup.js是一个JavaScript的模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。这里开始安装相关的依赖项。yarn add rollup rollup-plugin-vue rollup-plugin-cs

使用vite搭建vue3.0项目全局安装vite# yarn yarn global add create-vite-app# npm npm global install create-vite-app初始化vite项目# 创建vitecreate-vite-app vue-vite# 进入vue-vite项目cd vue-vite# 安装依赖包yarn install# 安装element-plusyarn add element-plus -D# 运行

由于vue项目使用的js是es6或者是更高的版本，ie11仅支持部分es6新语法，因此需要向下兼容，需要将es6+转换成es5语法cnpm i babel-polify -D-S在main.js 引入 import babel-polifybug: ie浏览器中的babel-polify在本地项目中可以完美运行，但是在打包之后就无法运行旧的babel-polify的core-js包是2.5的@babel/polify里面的core-js包是2.6的然后我们现在虽然都在说es6，.

1. 目录结构2.实现vue-router源码// kvue-router.js/* eslint-disable */ // 禁止eslintlet Vue;class VueRouter { constructor(options){ // router传入参数 this.$options = options; this.routeMap = {}; // 所有...

下面介绍三种动态设置vue项目中的title方式方法一通过document.title来设置// 业务代码beforeCreate () { document.title = this.$route.query.title // 获取url中title属性}方法二在 router.js文件中设置router.afterEach((to, from) => {...

时间格式转格式使用原生js调用转格式<!-- TODO -->、/**time: 传入的时间戳dateString：日期的格式（1970-01-19 ）timeString：时间的格式（13:04:13）*/function timeFormat(time, dateString, timeString) { if (!time) { return...

一、对于MVVM模型的理解？MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。 在MVVM...

组件之间的通信的问题，组件之间的通信可以分为以下几种：父子组件传递，父向子传递采用 props，子向父采用事件 emit。 非父子组件的传递，全局 event bus, 创建一个新的 vue 的实例，采用事件的方式通信，再者采用 vuex 全局状态管理。父子组件相互通信方法详情子组件通过 $emit 调用父组件的 method// 父组件中定义 @updateInfo 调用的方法...

问题：在使用Vue开发移动端项目的时间，发觉Android下的图片显示正常，但是在IOS页面下没有显示图片 <img src="../../assets/img/mall/back.png" alt="返回" class="back" @click="goBack()">解决方案：在img标签下不能给class属性，只能在其父级嵌套一个标签<div class="b...

一、UI框架及css预处理器选择1、PC端Vue项目UI框架：ElementUI（优先）、iView2、移动端Vue项目UI框架：mint-ui（优先）、vant3、sass/scss、less、stylus ?????推荐less：less相对比sass更简洁，而stylus的语法灵活性开放性过大，不利于团队协作开发。二、脚手架、插件选择2.1、脚手架vue-cli2.0 OR...

我在使用vue-awesome-swiper进行列表轮播，但是是滑到最低端无法实现无限循环。具体解决方案：这是设置swiper的参数，其中最为重要的是要设置 v-if="parentData.length"就可以了...

1.$route的用法  $route为当前router跳转对象里面可以获取name、path、query、params等2.$router的用法  $router为VueRouter实例，想要导航到不同URL，则使用$router.push方法返回上一个history也是使用$router.go方法3.slot(插槽)的用法  slot的作用是用于父组件向子组件传值，简单...

1.main.js按需引入引入element-uiimport { Button } from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Button)2.首先，安装 babel-plugin-component：npm install babel-plugin-component -D...

在尝试用了vue-cli开发项目之后，在项目的最终用npm run build 打包完之后，使用了wamp工具访问打包的文件，但是在页面中显示所有的链接都没有都是404.因此我就查看了index文件中的所有的外部链接。之后我就发现了在index文件里面&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta chars...

在安装了Vue插件之后，发觉编译不了.vue文件，但是已经把vue-loader vue-template-compiler 都下载完毕，并且还在webpack.config.js里面配置了 {test:/\.vue$/,use:'vue-loader'}但是还是不行，一直提示：client:162 ./src/login.vueModule Error (from ./node_...

vuejs的生命周期之代码演示演示&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;script type="text/javascrip