Vue.js学习
关注
分享
扫一扫
文章平均质量分 97
Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。
End_less__
不做点什么，怎么能展现自己
展开
-
金九银十，九月已过。Vue这些知识你还不懂？（面试篇1.5W字）
本篇博客主要记录Vue面试时常见的一些题目，主要有：基础题目，常规题目，生命周期，Vuex，路由，进阶题目。如果感觉对自己有帮助，不妨点个赞，或者加群643229703，一起交流最新校招题目和面经，互帮互助，直取offer原创 2020-09-28 22:18:06 · 2147 阅读 · 0 评论 -
哟，2020年了！试着用vue做一个自己的小程序吧~~
vue现在这么火，要不使用vue做一个小程序？欸，怎么说~ 说干就干 学IT，上B站。草根程序员~ 你值得拥有（滑稽.jpg）原创 2020-05-05 12:02:20 · 8240 阅读 · 12 评论 -
vue : 无法加载文件 XXXXXXX\vue.ps1，因为在此系统上禁止运行脚本。
报错信息：解决方法：使用命令行：set-ExecutionPolicy RemoteSigned原创 2020-04-17 12:09:21 · 1051 阅读 · 0 评论 -
Vue填坑（v-model和:model）
在使用input进行输入的时候，在vue中最好使用v-model进行数据的双向绑定。例如：<el-input v-model="input" placeholder="请输入内容"></el-input><script>export default { data() { return { input: '' } }...原创 2020-03-21 14:31:03 · 1226 阅读 · 0 评论 -
10分钟让你学会使用Vuex
1.为什么要用Vuex?组件之间共享数据的方式父组件向子组件传值：使用v-bind属性绑定子组件向父组件传值：使用v-on事件绑定兄弟组件之间的数据进行共享：EventBus：数据接收方通过 $on注册一个自定义的事件，数据发送方通过$emit发送数据以上的方式只能在小范围内进行数据共享，对于大范围以及频繁的数据共享来说，就不太实用。当使用了Vuex，使用其Store进行数...原创 2020-03-18 17:59:00 · 875 阅读 · 0 评论 -
Error: if there's nested data, rowKey is required.
错误信息截图：在网上搜到的解决方法：在el-table中添加row-key属性：去掉^符号既然能搜到这两种解决办法，证明肯定有用但对我的代码来说，还是报错最后在引用CDN资源链接地址处发现了问题：版本号的问题最终：bug消除...原创 2020-03-10 14:50:05 · 865 阅读 · 0 评论 -
你真的会用Vue-cli脚手架和Element-ui进行项目创建吗？
文章目录前言1. Vue的生命周期名词解释**```beforeCreate```（创建前）****```created```（创建后）****```beforeMount```（载入前）****```mounted```（载入后）****```beforeUpdate```（更新前）****```updated```（更新后）****```beforeDestroy```（销毁前）****```...原创 2020-03-09 15:26:25 · 3356 阅读 · 6 评论 -
No module factory available for dependency type: CssDependency
错误信息：解决方法：在 vue.config.js 里配置：module.exports = { css: { extract: false }};原创 2020-02-24 15:17:52 · 3929 阅读 · 3 评论 -
vue学习报错---Newline required at end of file but not found（Vue格式化代码问题）
代码：无bug报错的代码：加上换行即可原创 2020-02-13 10:13:09 · 1119 阅读 · 0 评论 -
解决vue-cli插件下载慢的问题
将npm的仓库地址改为淘宝镜像npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global使用命令：vue不是内部或者外部命令解决方法就是： 1.在电脑内搜索vue....原创 2020-02-11 15:32:33 · 2468 阅读 · 1 评论 -
webpack是什么？为什么要用webpack（一个小白的感想）
WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个...原创 2020-02-11 10:45:11 · 814 阅读 · 0 评论 -
Vuex
Vuexvuex官方网站定义vuex是一个专门为Vue.js应用程序开的状态管理模式。采用集中式存储管理应用的所有组件的状态。以相应的规则保证以一种可以预测的方式发生变化。（响应式变化）使用场景多个视图依赖于同一状态。(读信息)例如：多个页面需要访问同一信息。来自不同视图的行为需要变更同一状态。（改信息）例如：当购买会员之后，要在多个页面中进行修改。1、组件会被销毁假如...原创 2020-02-09 12:27:32 · 195 阅读 · 0 评论 -
Vue前端工程化（babel && webpack打包）
1.模块化的分类A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为：Require.js2).CMD(Common Module Definition,通用模块定义)代表产品为：Sea.jsB.服务器端的模块化服务器端的模块化规范是使用CommonJS规范： 1).使用require引入其他模块或者包 2).使...原创 2020-02-06 11:44:51 · 1200 阅读 · 1 评论 -
Vue前端路由（Vue-router）
1.路由的概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现，并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低，所以，我们接下来主要学习...原创 2020-02-05 11:28:39 · 362 阅读 · 0 评论 -
Vue学习--前后端交互
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函...原创 2020-01-11 16:05:24 · 509 阅读 · 0 评论 -
Mr.J--Vue之v-cloak
v-cloak 的作用和用法用法：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如[v-cloak] { display: none }一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。<div id="app"> {{msg}}</div>当运行此段代码时：运行过程中会发现：会把信...原创 2019-04-14 22:25:57 · 202 阅读 · 0 评论 -
Vue实践--v-model实现简易计算器
最终效果：暂时写这样，9键键盘输入数字正在编辑中.....话不多说，直接上demo：页面渲染：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...原创 2019-04-22 16:59:40 · 605 阅读 · 0 评论 -
Mr.J--Vue之v-for全解析
我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。原创 2019-04-27 11:25:36 · 472 阅读 · 0 评论 -
[Vue warn]: Property or method "id" is not defined on the instance but referenced during render.
这是上一篇文章使用v-for时出现的warn：Mr.J--Vue之v-for全解析在查看官方文档之后：Vue.js由于Vue不允许动态添加根级别的响应属性，因此必须通过预先声明所有根级别的响应数据属性来初始化Vue实例，即使是空值之前的demo: data: { //key Obj: [ ...原创 2019-04-27 11:33:30 · 4847 阅读 · 1 评论 -
Vue-tools.crx 及安装常见问题解决
下载之后直接保存在一个永远不会移动的文件夹里直接将.crx文件拖入扩展程序内打开谷歌-->更多工具-->扩展程序链接：https://pan.baidu.com/s/16c9KKsK3oBmvA6EN73X3KQ 提取码：obxf 第一个问题：Vue图标是灰色的，解决方法：点击：详细信息打开：第二个问题：打开控制台不出现Vue一...原创 2019-05-03 13:35:42 · 1620 阅读 · 0 评论 -
Vue.js生命周期
代码展示如下：<!-- @Author: Mr.J @Date: 2019-05-05 22:31:35 @Last Modified by: Mr.J @Last Modified time: 2019-05-05 22:31:35 --><!DOCTYPE html><html><head> ...原创 2019-05-05 22:35:40 · 297 阅读 · 4 评论 -
Mr.J--初识Vue.js（两大特性示例）
Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。原创 2019-04-13 18:06:44 · 330 阅读 · 0 评论