修改第三方组件 以vue-ydui为例 （1）fork clone 或 直接clone并create repository （2）npm install （3）修改并调试vue-ydui项目 （4）npm run build （5）commit & push 引用第三方组件 配置 pack
2023-03-12
在用Vue构建项目的过程中，我们有时会用到别人开发的组件如vue-router，使用他人组件的正常步骤如下： 1、命令行进行安装，执行install 2、在Vue项目中的入口文件main.js中，进行导入 3、然后用Vue.use(plugin)引入该组件 我们也可以创造属于自己的组件，具体步骤如
2023-03-12
定义全局Filter src/common/global.js import Vue from 'vue' Vue.filter('formatOrderStatus', function (orderStatus) { switch (orderSt
2023-03-12
利用v-if控制router-view，在根组件APP.vue中实现一个刷新方法，然后通过provide/inject方式调用。 1、修改APP.vue，通过声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载，这边定义了isRouterAlive来控制 <t
2023-03-12
input标签的placeholder属性 <input slot="right" type="number" pattern="[0-9]*" placeholder="{{phone_placeholder}}"
2023-03-12
问题描述 Vue设置路由History mode模式，打包vue run build后页面访问报404错误。一般开发单页应用的URL都会带有#号的hash模式，因为业务需求，或者不想使用带#号，通常在路由index.js里面设置： export default new Router({ //
2023-03-12
要去掉Vue访问地址中的#符号可以在路由中设置路由模式mode为history export default new Router({ mode: 'history', routes: [{ path: '/', name:
2023-03-12
在webpack.dev.conf.js中添加：disableHostCheck: true const devWebpackConfig = merge(baseWebpackConfig, { ... // these devServer options should be cust
2023-03-12
vue脚手架vue-cli起的webpack项目，使用localhost可以正常访问，切换到ip就提示无法访问此网站。 修改config目录下的index.js 将 host: 'localhost' 改为 host: '0.0.0.0' 重启vue项目 >
2023-03-12
Vue-ydui 是 YDUI Touch 的一个基于 Vue2.x 的移动端&微信UI实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。 官网：http://www.ydui.org/ GitHub：https://github.com/ydcss/vue-ydui
2023-03-12
产生原因 JavaScript代码是运行在内存中的，代码运行时的所有变量、函数，也都是保存在内存中的。刷新页面，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：Local Storage、Session Storage、IndexDB等。这些都是浏览
2023-03-12
[vuex] Do not mutate vuex store state outside mutation handlers 解决：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation，即通过 dispatch -> actions -> commit ->
2023-03-12
普通的watch data() { return { balance: 0 } }, watch: { balance (newValue, oldValue) { console.log(newValue) } } 对象属性的watch data() { re
2023-03-12
本文优化至：http://www.appblog.cn/2018/07/10/Vuex获取this对象及深度state监测/ 问题暴露 当httpCode为403未授权时，页面将立即路由跳转至登录页面，导致组件销毁，原页面无法监听状态数据变化，即user_update_watcher无法观察user
2023-03-12
Vuex使用单一状态树（一个对象就包含了全部的应用层级状态），它作为唯一数据源存在，每个应用仅仅有一个store实例。单一状态树使得我们能够直接定位任一特定的状态片段，在调试过程中也能轻易地取得整个当前应用状态的快照。 Vuex的状态存储是响应式的。在Vue组件中获取Vuex状态总共有以下5种可行的
2023-03-12