关键词：
太久没更新了。其实期间遇到了很多问题，都想着来整理和记录一下。可能是懒癌发作了吧，一直没动手记录。今天突破懒癌，重新来记录一波~~
页面上如果要显示可编辑的保留数据格式的文本，可以有2种方式：
1. textarea标签中直接插入该数据的对象格式。有一个需要注意的坑是：如果修改里面的内容，容器不重绘的话，多个切换的时候内容不会变！！！
应该有人会吐槽： 不会用v-model 吗？小菜鸡~~~
如果用了，确实能响应，但是不会显示这个格式， 而且如果直接绑定对象，就只会显示object文本。
1 <textarea>{{data}}</textarea>
页面效果是这样的：
2.pre 标签，需要编辑的话设置contenteditable="true"即可。插入的数据还是对象格式。效果如上图所示。用这个标签是响应更新的，但是另一个坑来了：如果复制里面的内容编辑，会自动生成div标签包裹文本。这就会导致一个问题，获取编辑后的内容会包含div标签，如果需要解析成对象就会报错。
解决方案：用innerText 获取纯文本再转换就能排除多余标签。切勿用value,innerHTML（会有格式的）
<pre contenteditable="true" v-text="data" </pre>
vue爬坑之路——使用vue-cli搭建项目（增补）
cd 指定好安装目录vueinitwebpack 项目名称 执行 vuevuelist 查看可应用模板vueinitwebpack +名字 项目已启动 查看详情
vue项目爬坑笔记
...要清楚各个文件的意义，譬如存储，登录，请求封装.....项目框架搭建就是这样！2.记录下爬出来的坑，万一哪一天你也不小心掉进去了一点就跳出来了，o(╥﹏╥)o 1.iview 组件upload： 请求头的加入 传递参数dat... 查看详情
vue爬坑之路——使用vue-cli搭建项目(代码片段)
vue-cli是一个官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目，GitHub地址是：https://github.com/vuejs/vue-cli 一、安装node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的node是固定版... 查看详情
vue爬坑之路——使用vue-cli搭建项目(代码片段)
vue-cli是一个官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目，GitHub地址是：https://github.com/vuejs/vue-cli 一、安装node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的node是固定版... 查看详情
ck003-淘淘商城实战高并发分布式项目(新版）
CK003-淘淘商城实战高并发分布式项目(新版）新年伊始，学习要趁早，点滴记录，学习就是进步！随笔背景：在很多时候，很多入门不久的朋友都会问我：我是从其他语言转到程序开发的，有没有一些基础性的资料给我们学习学... 查看详情
vue爬坑之路——vue-cli3.x搭建项目(代码片段)
VueCli3官方文档：https://cli.vuejs.org/zh/guide/ 一、安装@vue/cli更新到3.x之后，vue-cli的包名从vue-cli改成了@vue/cli如果之前全局安装了旧版本的vue-cli(1.x或2.x)，首先需要使用以下命令卸载掉//如果没有安装旧版本的vue-cli可以跳过卸载... 查看详情
vue项目打包出错小记
参考技术A错误截图：解决方案：方法一：删掉node_modules,重新从淘宝源安装，可以打包成功方法二：仍然是npm安装，根据错误提示，发现可能是mini-css-extract-plugin没有安装上，所以执行npmimini-css-extract-plugin--save-dev，安装完成后，... 查看详情
vue爬坑之路——与vuex的第一次接触(代码片段)
在Vue.js的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props或者$emit等方式 http://www.cnblogs.com/wisewrong/p/6266038.html但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便... 查看详情
vue爬坑之路——组件之间的数据传递
...法才能实现组件之间的数据传递。首先用vue-cli创建一个项目，其中App.vue是父组件，components文件夹下都是子组件。 一、父组件向子组件传递数据在Vue中，可以使用 props 向子组件传递数据。 子组件部分：这是header.... 查看详情
vue爬坑之路——组件之间的数据传递
...法才能实现组件之间的数据传递。首先用vue-cli创建一个项目，其中App.vue是父组件，components文件夹下都是子组件。 一、父组件向子组件传递数据在Vue中，可以使用props向子组件传递数据。 子组件部分：这是header.vue的HTML... 查看详情
vue入门003~vue项目引入element并创建一个登录页面(代码片段)
上一节已经教大家如何创建一个vue项目，这一节，我们就温故下vue项目的创建，顺便引入element，实现一个简答的登陆页面。老规矩，先看效果图一，快速创建vue项目二，引入element类库首先我们进入element官网：https://element.eleme.cn... 查看详情
vue入门003~vue项目引入element并创建一个登录页面(代码片段)
上一节已经教大家如何创建一个vue项目，这一节，我们就温故下vue项目的创建，顺便引入element，实现一个简答的登陆页面。老规矩，先看效果图一，快速创建vue项目二，引入element类库首先我们进入element官网：https://element.eleme.cn... 查看详情
小记vue打包(build)需要注意的一些事(代码片段)
记录vue项目打包后的一些事情首先声明项目都是由vue-cli生成;vue项目从dev切换到prod时有很多地方需要注意;首先是大家最需要注意的ajax切换环节以前一开始用Vue的时候我是在build之后,手动修改ajax的请求前缀比如现在我使用的axios,... 查看详情
vue爬坑之路——使用vue-router跳转页面(代码片段)
使用Vue.js做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的href，于是vue-router应运而生。官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要demo，但是博... 查看详情
（转）vue爬坑之路——使用vue-router跳转页面(代码片段)
使用Vue.js做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的href，于是vue-router应运而生。官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要demo，但是博... 查看详情
小记vue项目打包优化
参考技术A开发vue的项目也有两三年了，从小白前端到小白前端，深感学无止境、学海无涯、活到老学到老呀经常被听到：我们的网站好慢呀因为最近的项目都放在国外，还以为是这个原因，再加上需求一堆一堆的来，也没时间... 查看详情
vue爬坑之旅：vue单页面二级套嵌路由(代码片段)
...路由目录结构如下：其中main.js为全局配置文件，App.vue为项目入口。main.js中路由配置如下importVuefrom‘vue‘//引入vueimportAppfrom‘./App‘//引入主模板importRouterfrom‘vue-router‘//引入router路由//引入项目的模块组件importlicaifrom‘./componen... 查看详情
《vue.js从入门到项目实战》的项目实战笔记
vue项目之启动项目前言：vue的基本知识重点讲述《vue.js从入门到项目实战》的第一章到第四章vue项目化重点讲述《vue.js从入门到项目实战》的第六章接下来就是对第八章的启动了。文章目录vue项目之启动项... 查看详情