随笔分类 - vue
摘要：更完整的参考 在服务器上下载nginx 项目打包的命令：npm run build 将生成的dist文件夹里的内容放到nginx
阅读全文
摘要：参考 真实DOM的渲染 在讲虚拟DOM之前，先说一下真实DOM的渲染。 浏览器真实DOM渲染的过程大概分为以下几个部分： 构建DOM树。通过html parser解析处理html标记，将它们构建为DOM树(DOM tree)，当解析器遇到非阻塞资源(图片，css),会继续解析，但是如果遇到scrip
阅读全文
摘要：参考：vue2和vue3的区别 总结：1）Vue3支持碎片(Fragments)，就是说在组件可以拥有多个根节点。 2）vue2实现响应式用Object.defineProperty，vue3使用Proxy vue2的响应式数据写在data中，vue3用reactivity API创建。 *使用以下
阅读全文
摘要：登录权限 我们给系统添加一个登录凭证叫"tocken"，这个tocken在登录的时候通过接口请求将用户名和密码传给后端，后端在数据库中匹配成功后返回一个凭证，前端将tocken缓存起来，再调用接口时传给后端验证就建立了登录权限验证。 1.安装js-cookie npm i js-cookie 2.新
阅读全文
摘要：中文文档：http://www.axios-js.com/ mock模拟请求响应： 1、安装 npm i axios 2、二次封装 3、编写请求文件
阅读全文
摘要：mockjs文档：http://mockjs.com/0.1/ mockjs示例：http://mockjs.com/examples.html# Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能： 根据数据模板生成模拟数据 模拟 Aj
阅读全文
摘要：1、安装： npm i vuex （yarn add vuex） 2、使用： 1.新建store文件夹，在下面新建index.js文件，作为store文件的总出口。 2.在main.js文件中引入store文件夹，在vue中使用。 3.vue文件使用store 获取数据：this.$store.st
阅读全文
摘要：1.安装 npm install less less-loader --save-dev 若是报错说：Failed to resolve loader: less-loader，解决办法是用cmd，用cd指令定位到项目文件夹，再运行yarn add less-loader，就能安装成功了。 若是报错
阅读全文
摘要：1) 安装vue router npm i vue-router@3.2.0 2) 编写router文件 下图中Home是一个页面组件，routes里面定义路径对应的组件。 3）在main文件中全局引router 4）router-view放置在App.vue中，router-view位置的内容由路
阅读全文
摘要：1、安装环境，安装vue脚手架，初始化项目 1）安装nodejs（终端中指令：node -v能显示版本号即安装成功） 2）安装yarn（yarn优于npm） npm install -g yarn 3)安装脚手架（vue-cli） yarn global add @vue/cli(npm insta
阅读全文
摘要：1、Vue的定义 （待验证）vue可以将数据和 DOM 进行响应式的关联。解释：DOM变化会改变Vue中的数据，Vue数据变化也会及时改变DOM。 一个 Vue 应用会将其挂载到一个 DOM 元素上 (对于这个例子是 #app) 然后对其进行完全控制 2、vue的作用： （1）声明式的渲染。 Vue
阅读全文
