一、技术栈基于 es6、vue、vuex、vue-router 、vue-cli 、axios 和 element-ui，(请求数据使用Mock.js进行模拟)Vue 生态圈Vue Router 是 vue 官方的路由。它能快速的帮助你构建一个单页面或者多页面...
XanderCheung
7916
0
2
单向数据流 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态...
XanderCheung
8326
0
0
1.安装webpacker 增加gem gem 'webpacker', '~> 5.2', '>= 5.2.1' 安装: bundle bundle exec rails webpacker:install 安装后，您可以立即开始编写现代的ES6风格的JavaScript应用程序： app/javascript: ├── packs: ...
XanderCheung
7106
0
0
Vue 有个 v-cloak 指令，这个指令保持在元素上直到关联实例结束编译。 https://cn.vuejs.org/v2/api/#v-cloak 和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标...
XanderCheung
7536
0
0
在已创建的项目中安装 vue add @vue/eslint # 或使用npm安装 npm install eslint --save-dev # 或使用yarn安装 yarn add eslint --dev 初始化： ./node_modules/.bin/eslint --init 根据需求选择对应的配置 .eslintrc...
XanderCheung
5109
0
0
官方文档 有的时候你想要向 webpack 的预处理器 loader 传递选项。你可以使用 vue.config.js 中的 css.loaderOptions 选项。比如你可以这样向所有 Sass/Less 样式传入共享的全局变量： // vue.config....
XanderCheung
5431
0
0
安装 Vue CLI 请参照官方文档本次操作使用vue/cli 版本为 @vue/cli 4.5.11 创建项目 # vue-template 为项目名称 vue create vue-template 1.选择预设 Default ([Vue 2] babel, eslint) 默认配置 Vue 2 提供babel和e...
XanderCheung
6203
0
0
简单又好的方式 给组件加key，需要重新加载时，只需要更改key如：只需要更改activeId 的值，group-list 组件便会重新渲染 <group-list :key="activeId"> 其他方式 v-if 组件的forceUpdate方法
XanderCheung
5748
0
0
项目需求： 同一个域名 根据 url 前缀访问不通的vue项目。如： www.test.com/admin 和 www.test.com/customer 分别进入到两个vue项目 修改vue项目，增加前缀 项目使用 vue cli 版本为 @vue/cli 4.5.11路...
XanderCheung
24379
1
0
在vue.config.js 中添加一行process.env.VUE_APP_VERSION = process.env.npm_package_version或者 process.env.VUE_APP_VERSION = require('./package.json').version，例： process.env.VUE_APP_VERSION = require('./package.json').version mo...
XanderCheung
7761
0
0
this.$root.$options.head
XanderCheung
5146
0
0
Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHash (node:crypto:135:10) at module.exports (/Users/zhangxingxing/Projects/switch_data_center_vue/node_mo...
XanderCheung
16206
0
0
1. vue2 sync 转为 vue3 v-model 2. 异步加载组件 vue3 使用 defineAsyncComponent https://cn.vuejs.org/guide/components/async.html#basic-usage <script> import { defineAsyncComponent } from 'vue' export default { components: { ...
XanderCheung
1175
0
0
热门推荐
·
·
·
·
·
·
·
·
·
·