# vue

neditor是从ueditor改写过来了，做了不少优化，我最喜欢的就是去掉了服务端附件配置请求。还有一个有点就是，可以很方便的对接七牛cdn或oss。
如果是简单的使用可以用vue-neditor-wrap,复杂场景下会有bug，所以自己写了个组件，将必要的js引入放到了index.html中。下面是使用注意事项，追后有本示例的源码。

• neditor
• ueditor
• vue

日常打包执行npm run build会将代码打包至dist目录下，各种js引入，均已网站根目录为依据。我们想要把项目作为子目录访问时就需要做些配置了。

• vue
• vue cli

代码

父组件调用

1

<list v-model="data" :multiple="true"></list>

子组件list.vue代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<template>
  <el-select v-model="val" v-bind="$attrs" placeholder="请选择">
    <el-option
      v-for="item in list"
      :key="item.id"
      :label="item.name"
      :value="item.id">
    </el-option>
  </el-select>
</template>

<script>
import { getColumnList } from '@/api/column.js'

export default {
  inheritAttrs: false,
  model: {
    prop: 'value',
    event: 'change'
  },
  props: {
    value: null
  },
  data () {
    return {
      list: [{id:'1',name:'张三'},{id:'2',name:'李四'}]
    }
  },
  computed: {
    val: {
      get () {
        return this.value
      },
      set (newval) {
        this.$emit('change', newval)
      }
    }
  }
}
</script>

• v-model
• vue
• 前端开发
• 自定义组件

vue模块化开发很方便，但也有问题，那就是seo。解决seo问题有两种方案，一种是ssr(服务端渲染)，还有一种是预渲染，只针对部分需要seo的页面进行渲染即可。

• vue
• vue-cli
• 前端开发
• 预渲染

背景

最近的项目中，需要一个牛X点的文本编辑器。于是选择了ueditor。百度出品，功能完善。
前端框架使用了d2admin,选择它的理由很简单，许多的常用工具做了封装。
项目要求文件上传要绕过后端程序，前端直接传文件到七牛CDN。

• d2admin
• ueditor
• vue
• 七牛
• 前端开发

今天写代码的时候遇到一个很奇怪的问题，getter里面取到的值怎么都不是最新的。
调用setAuth清空后，从vue开发工具(vue-Devtools)中查看，state.auth已经正常被设置成了空值。但是getters或mapGetters取到的还是更新前的值。

• getters
• vue
• vuex

这篇文章的写作时间是 vue2.6 发布后，因此适用于 2.6 以后的版本
插槽是 vue 组件中很重要的一环，他解决了组件内容自定义的问题。以及父子组件变量传递的问题（作用域插槽）。
在 2.6 以后的版本中，具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)，它取代了 slot 和 slot-scope 。这两个老的已经进入废弃期，为了保持平滑升级，目前还可以使用，但是不推荐使用。后期会被移除。

• Slots
• vue
• 插槽
• 组件

三步走：

1. 安装 vuter，eslint，Prettier-code fromatter
   vuter 是 vue 高高亮插件，安装后 vscode 就可以识别.vue文件了
2. 配置 vscode 首选项
   选择 file 》Preferences 》Settings 打开配置。然后选择 User Settings，点击右上角的{}按钮，进入文本编辑状态
3. 配置内容

• eslint
• vscode
• vue
• 开发工具

session

php的session比cookie安全，这是好多人知道的常识。session的数据是存放在服务端的，那么程序是如何取到对应的session呢？
那是因为每一个session都有一个身份证号，那就是session id。这个东西一般情况下，服务器会发送给客户端，客户端将它放在cookie里。
cookie是存在跨域问题的，什么叫跨域呢？a.domain.com下创建的cookie,在b.domain.com下是无法使用的，我们需要进行跨域设置。

axios

用过vue开发前后端分离程序的人对axios相比都不陌生了，js前后端分离，如果前后端用两个域名，也存在跨域问题。

• axios
• php
• session
• vue