摘要:
v-bind绑定style的几种方法 参考链接:https://www.cnblogs.com/weichenzhiyi/p/8406021.html :style的使用 最通用的写法 <p :style="{fontFamily:arr.conFontFamily,color:arr.conFon 阅读全文
摘要:
props详解 参考链接:https://www.cnblogs.com/zouwangblog/p/11149588.html props是什么 官方解释:组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中 阅读全文
摘要:
注册一个全局组件语法格式如下: Vue.component(tagName, options) tagName 为组件名,options 为配置选项。注册后,我们可以使用以下方式来调用组件: <tagName></tagName> 全局组件 所有实例都能用全局组件。 <div id="app"> < 阅读全文
摘要:
参考链接:https://www.runoob.com/vue2/vue-custom-directive.html 自定义指令 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时, 阅读全文
摘要:
参考链接:https://www.runoob.com/vue2/vue-if.html 阅读全文
摘要:
参考链接:https://www.runoob.com/vue2/vue-watch.html 监听属性,watch实际上用来监听vue中数据的变化。 监听String <template> <div @click="stringClick">{{msg}}</div> </template> <s 阅读全文
摘要:
参考链接:https://www.runoob.com/vue2/vue-computed.html vue.js计算属性 computed,计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子: <div id="app"> {{ message.split('').reverse 阅读全文
摘要:
介绍 参考链接:https://www.cnblogs.com/ibcdwx/p/16292117.html Vue中提供的template标签,实际上并不会作为标签渲染到浏览器页面上。只是一个辅助性标签,不影响它包裹标签的结构,比如说下面的例子: <template> <h1>1</h1> <h1 阅读全文
摘要:
参考链接:https://www.cnblogs.com/huihuihero/p/13067056.html 介绍 插槽(Slot),在各种vue的ui插件中,经常见到的多个组件标签相互嵌套(如下)就是以此为基础的。 <el-col > <el-checkbox > </el-col> 而我们也经 阅读全文
摘要:
什么是组件? 参考链接:https://www.cnblogs.com/pyjblog/articles/14666684.html 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译 阅读全文
摘要:
参考链接:https://blog.51cto.com/u_15283585/2958383 alias: 简化模块路径名称的输⼊。 build/webpack.base.conf.js里已配置: resolve: { extensions: ['.js', '.vue', '.json'], al 阅读全文
摘要:
法1 参考链接:https://www.jianshu.com/p/2ebb602b2478 如果你的项目是vue-cli3.0一下的版本。项目根目录下有一个config文件夹,找到config——>index.js。在index.js中把useEslint的值改成false,就禁用了 如果是vue 阅读全文
摘要:
法1:安依赖方式 参考链接:https://blog.csdn.net/weixin_43575792/article/details/123247862 1.安装依赖并初始化文件 首先安装eslint npm install eslint --save-dev 安装完成后我们开始初始化eslint 阅读全文
摘要:
参考链接:https://blog.csdn.net/whl0071/article/details/126544501 简介 ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。如果每次在代码提交之前都进行一次eslint代 阅读全文
摘要:
参考链接:https://blog.csdn.net/strawberry_x/article/details/113648770?spm=1001.2014.3001.5501 卸载 首先在控制面板的程序中卸载nodejs 然后删除这两个文件夹 然后检查是否有一下文件夹,若有,就删除 c://us 阅读全文
摘要:
参考链接:https://www.cnblogs.com/feiye512/p/12539306.html 安装 1、下载安装包 下载地址:https://nodejs.org/zh-cn/download/ 根据自己电脑系统及位数选择,我这里选择windows64位.msi格式安装包 .msi和. 阅读全文
摘要:
安装 参考链接:https://www.runoob.com/nodejs/nodejs-install-setup.html 本安装教程以 Node.js v4.4.3 LTS(长期支持版本)版本为例。 Node.js 安装包及源码下载地址为:https://nodejs.org/zh-cn/do 阅读全文
摘要:
参考链接:https://www.cnblogs.com/jing-tian/p/11225123.html 介绍 nvm 是 node.js 的版本管理工具,可以运行在多种操作系统上。nvm for windows 是使用go语言编写的软件。 我电脑使用的是Windows操作系统,所以我要记录下在 阅读全文
摘要:
ES6简介 参考链接:https://www.cnblogs.com/itzlg/p/11854386.html ECMAScript 6.0(简称ES6),是JavaScript语言的下一代标准。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 es6入门 阅读全文
摘要:
webpack webpack的产生 随着前端的发展,javascript引入了很多思想和技术,例如:模块化、TypeScript、Scss、Less等,这让我们开发更快,但是,这些新的文件格式只有转换成javascript、css等,游览器才能识别,人工转换太过繁琐,所以webpack应运而生。 阅读全文