12月
02
使用 vue，一般都会使用到 vuex（状态管理）和路由（vue router）还有 axios 的。可见 vuex 是多么重要。
vuex 干啥呢。 说到 vuex ，都会带上状态管理。对，就是状态管理。它用来存储响应组件里的状态。我们经常会用到 v-model, 数据变化了，对应的渲染也跟着变化了。可 v-model 是小的玩意，是在当前组件中使用的。vuex 是全局的，对应着整个完整的项目。
想象一下这样的场景。我人在登录页面。使用登录，登录成功，并返回到上一个路由。在返回到上一个路由中，没做任何的数据请求，但是在上一个路由的对应的 ui 界面上，已经显示出了用户的头像昵称这些信息。这是什么鬼，这就是状态管理所带来的影响。
跨组件，跨路由，及时响应。数据驱动渲染。
还有，vuex 中的数据是暂时的。所谓暂时，是指在当前的浏览器里（刷新浏览器就没了），在当前使用的小程序里（小程序手动处理掉进程再进来就没了）。但暂时是能跨越组件和路由噢。上边就已经说过。可及时是暂时的，也是有方法使其长久。
怎么使其长久呢。我们可以使用 cookie，可以使用 localStorage 来搞定。
好了，到此仅仅是文字上说明 vuex 能干啥。下边就落地吧。
继续阅读
11月
30
如果既想用 bootstrap 框架，又想用 vue 的语法。那 bootstrap-vue 就是个不错的选择。
官网：https://bootstrap-vue.org/
怎么做呢
vue create btvue.cn
# 如果提示 bash: vue: command not found，那就是 vue cli 没有装。装一下。
# https://cli.vuejs.org/zh/guide/installation.html
npm install -g @vue/cli
# 然后再 vue create btvue.cn
# 就这样创建了一个基础的 vue 项目
继续阅读
11月
15
cropperjs 很多年中，对处理图片裁切做的体验非常棒。几个项目中，也使用过。那时候还是使用 jquery 这种传统的方式。现在想整一个使用 vue 和 element ui 组合在一起的模板。
cropperjs： https://github.com/fengyuanchen/cropperjs
photo-editor：https://github.com/fengyuanchen/photo-editor
继续阅读
11月
15
当初 flash 的 mask 可以做很多事情。 css 貌似也可以。先收留，后边再研究。
https://www.cnblogs.com/coco1s/p/13253423.html
11月
12
git 地址： https://github.com/hinesboy/mavonEditor
操作一波
npm install mavon-editor
然后
# main.js
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
Vue.use(mavonEditor)
继续阅读
11月
11
markdown 写技术博客的必须品。这里记录下 vue 中使用 tui-editor 的过程
代码： https://github.com/nhn/tui.editor
preview： https://ui.toast.com/tui-editor
操作一波
npm install tui-editor
安装好后，先定义一个组件，我们在组件里组织 markdown 编辑器相关的逻辑。
那么就在 src/components/ 下吧。
src/components/MarkdownEditor/index.vue
继续阅读
10月
26
eleme ui 的 el-select 组件会自动清除数据空格，无论空格在左边，右边还是中间。某些场景下，这个让人难以接受， 怎么办了。方法是有的。
操作一波
<el-select v-model="form.id" clearable placeholder="请选择">
<el-option
v-for="item in list"
:key="item.id"
:label="item.raw"
v-html="item.label"
:value="item.id">
</el-option>
</el-select>
# list 的内容
let list = [
{
id: 1,
label: ' 凤舞九天',
raw: '凤舞九天'
}
]
这样就可以了。babel 看情况需要，加上 v-html ，用 代替空格。
10月
25
el-tree 蛮好使用的，就是排版的方向永远都是从上到下。同一级没办法，合向并着展示。那么，想要实现这种效果，就得自己改代码，操作了。
操作一波
vue 中，el-tree 的默认节点和数据如下：
继续阅读
9月
27
操作一波
php artisan ui vue
yarn --no-bin-links
js/components/ 下会生一个 ExampleComponent.vue 文件。
js/app.js 中也引入了这个。
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
然后再 blade 模板中使用
继续阅读
