随笔分类 - JavaScript_Vue
摘要：Vue 中组件的局部css样式配置：scoped样式1：说明：<!-- ## scoped样式 1. 作用：让样式在局部生效，防止冲突。 2. 写法：```<style scoped>``` -->2：代码结构3：代码内容index.html<!DOCTYPE html> <html lang=""
阅读全文
摘要：Vue 中plugins插件的使用1：说明/* ## 插件 1. 功能：用于增强Vue 2. 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 3. 定义插件： ```js 对象.install = function (Vue, o
阅读全文
摘要：Vue 中 的 mixin 混入(合) 1：说明/* ## mixin(混入) 1. 功能：可以把多个组件共用的配置提取成一个混入对象 2. 使用方式： 第一步定义混合： ``` { data(){....}, methods:{....} .... } ``` 第二步使用混入： 全局混入：``
阅读全文
摘要：Vue 中 props配置项1： props配置项说明<!-- ## props配置项 1. 功能：让组件接收外部传过来的数据 2. 传递数据：```<Demo name="xxx"/>``` 3. 接收数据： 1. 第一种方式（只接收）：```props:['name'] ``` 2. 第二种方式
阅读全文
摘要：Vue 中的 Ref1：ref说明 <!-- ## ref属性 1. 被用来给元素或子组件注册引用信息（id的替代者） 2. 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 3. 使用方式： 1. 打标识：```<h1 ref="xxx">.....</h1>``
阅读全文
摘要：Typora是一款Markdown编辑器和阅读器 安装包下载安装过程激活
阅读全文
摘要：npm安装淘宝映像报npm ERR!具体如下C:\Users\admin>npm install -g @vue/cli npm ERR! code ENOTFOUND npm ERR! syscall getaddrinfo npm ERR! errno ENOTFOUND npm ERR! ne
阅读全文
摘要：Vue 非单文件组件1：文件结构2：文件代码内容：index.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"
阅读全文
摘要：一、必备插件🌾Chinese（中文） 安装后，按快捷键Ctrl+Shift+P，输入 configure language 🤡Settings Sync（配置同步到云端）可以让我们的vscode配置同步到云端，当我们跟换电脑或者再次安装vscode的时候，只需要登录账号即可同步配置了 🌈wak
阅读全文
摘要：Vue组件的基本使用 源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>组件基本使用</title> <script type="text/javascript" src="../js/vue.js"></script
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：【教程】Chrome 浏览器安装Vue插件方法 (十分详细) 博主最近在研究Vue，无奈新手想安装Chrome的Vue插件，整理下安装流程： 1.首先去github下载vue.zip文件插件（还有npm安装方法这里就不介绍了自行百度）下载地址：https://github.com/vuejs/vue
阅读全文
