vue基础
文章平均质量分 67
我是顾昀峰
学习
展开
-
vue2.x调试-入口文件查找
从npm run dev查找路口文件流程图初始入口package.json "dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",第一步:查找配置项的配置文件当npm run dev时候会运行rollup打包vue,基本配置中:(1) -w就是–watch作用就是监听源文件是否有改动,如果有改动,重新打包(2) -c就是–config作用就是设置基本配置文件,此处的基本配原创 2021-01-09 15:37:32 · 393 阅读 · 0 评论 -
vue命令行在vscode中失效问题
问题呈现解决方案第一步:在PowerShell中输入get-ExecutionPolicy,查询到 现在的状态为Restricted第二步:用管理员模式打开windows的PowerShell第三步: 在windows PowerShell输入set-ExecutionPolicy RemoteSigne并且输入确定的Y第四步:验证是否vscode能够输入vue的命令...原创 2020-11-02 10:40:16 · 1058 阅读 · 0 评论 -
vue源码文件结构
原创 2020-03-29 10:51:20 · 163 阅读 · 0 评论 -
vue源码学习-调式环境配置
1.1 调式环境配置–调式源代码学习vue源码第一步:github源码下载https://github.com/vuejs/vue第二步:安装基础配置和安装rollupnpm inpm i rollup -g第三步:在package.json的scripts dev中配置sourceMap(目的是和源码产生映射关系方便打断点) "dev": "rollup -w -c scri...原创 2020-03-29 10:46:45 · 243 阅读 · 0 评论 -
vue cli3.0根据不同的环境打不同的包
参考博客:(1) https://www.jianshu.com/p/adc33ac846f9(2)https://www.cnblogs.com/heroljy/p/9305263.html方案一:第一步: 在package.json中新建三个文档: (1).env.test(开发环境);(2).env.development(测试环境);(3).env.production(正式环境)...原创 2019-07-01 18:02:14 · 1291 阅读 · 2 评论 -
vue-cli3在main.js中console.log()会报错
问题重新:在main.js使用console.log()会报错这个错误是Vuejs - 使用ESLint检查代码质量是进行提示的,所以修改成window.console.log()就能避免这个报错原创 2019-07-01 16:55:31 · 1783 阅读 · 0 评论 -
vue-cli 3.0打包之后可以本地访问index.html
第一步:在package.json同一级下新建vue.config.js第二步:设定publicPath:’./’第三步: 可以直接打开index原创 2019-07-01 16:44:40 · 3979 阅读 · 10 评论 -
VsCode(Visual Studio Code)格式化代码符合EsLint
利用Visual Studio Code ESlint插件,实现自动格式化代码步骤一安装ESlint插件=>点击Extensions或者Ctrl+Shift+X=>搜索ESlint=>install EsLint步骤二: 重启VsCode, 发现代码提示报错,代码不符合规范步骤三:鼠标hover在报错的地方,会出现Quick Fix…,点击或者选择这条报错代码Ctr...原创 2019-05-09 14:56:24 · 2859 阅读 · 0 评论 -
vue-router的使用
1.1 vue-router的使用完整的代码的展示:main.jsimport Vue from 'vue'import App from './App'// 步骤一:引入vue-routerimport VueRouter from 'vue-router'// 引入子组件HelloWorld.vueimport HelloWorld from './components/He...原创 2019-05-09 14:26:00 · 114 阅读 · 0 评论 -
搭建vue脚手架(vue-cli)--基于vue2.0版本
1.1 需要了解的内容(1)HTML+CSS+JavaScript(2)node.js环境(npm包管理工具)(3)webpack打包工具2.1 安裝Git Bash来实现Linux一样的命令行操作(1)windows 的Git Bash 的安装方法(点击此处查看方法)(2)安装后的结果展示:(3)找到需要的安装目录:$ cd Desktop/vue学习项目3.1.1 安装...原创 2019-05-09 13:41:45 · 584 阅读 · 0 评论 -
vue-router中hash和history的区别
一.vue的基本原理论述特点 1特点2特点3模式1模式2vue-router基于SPA--single page application单一页面应用程序开发只有一个单一的页面加载页面的时候,不会完整的加载整个页面,而只是更新某一个指定的容器更新视图而不是重新发送请求提供了两种模式Hash模式History模式通过设置mode参数来实现哪一种方式未完待续...原创 2019-05-09 10:44:11 · 932 阅读 · 0 评论 -
vue双向绑定实现的过程
点击此处跳转查看vue双向绑定基本理论1. 实现双向绑定的过程理论阐述如何实现双向绑定,上图的流程显示,(1)需要用Observer来监听属性的变化(2)当属性变化时候,需要通知订阅者Watcher是否需要更新,此时订阅者可能具有多个,因此需要订阅器Dep来专门接收这些订阅者,并统一管理(3)解析器Compile可以对每一个元素节点进行解析和扫描,将相关指令对应初始化成为一个订阅者Wa...原创 2019-05-08 17:52:58 · 1109 阅读 · 0 评论 -
什么是vue数据的双向绑定
vue是基于MVVM的设计模式,是由数据驱动的双向绑定。1.实现数据双向绑定的基本理论阐述实现mvvm主要需要两个过程:(1)视图变化更新数据(2) 数据变化更新视图(1)视图变化更新数据 :通过各种事件来监听数据的变化,比如改变表单input里面的数据通过对input的事件监听就能获取input更新后的数据。(2)数据变化更新视图:要比前者复杂的多,通过过ES6的Object.de...原创 2019-05-08 10:38:43 · 1550 阅读 · 0 评论