随笔分类 -  vue

vue3-- setup中获取数组dom
摘要：<template> <ul> <li v-for="(item, index) in arr" :key="index" :ref="el => setRef[index] = el"> {{ item }} </li> </ul> <div ref="single">我是单个dom</div> 阅读全文
posted @ 2021-09-22 17:05 越来越好888 阅读(1586) 评论(0) 推荐(0)
vue-cli --动态路由
摘要：import Layout from './views/layout/Layout'; //设置动态加载的页面路径,在index.html里渲染出来的页面都必须在这里先写好.如果没在这里配好,则侧边栏不会出现页面链接 let asyncRoute = [ { path: '/mps',compone 阅读全文
posted @ 2020-04-01 11:30 越来越好888
Vscode自定义用户模板
摘要：Vscode配置路径： 中文版： 文件-->首选项-->用户片段 英文版： file-->preferences-->user snippets 选择相应的文件类型，此处以vue为例 然后进入到 vue.json配置文件。配置内容如下： { // Place your snippets for vu 阅读全文
posted @ 2020-04-01 10:50 越来越好888 阅读(1776) 评论(0) 推荐(1)
vue --子父组件传值
摘要：1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组件： [plain] view 阅读全文
posted @ 2018-03-01 12:05 越来越好888 阅读(224) 评论(0) 推荐(0)
使用vue+webpack的多页面架构（转+自己的情况）
摘要：按以下步骤可正常配置多页面架构 记得安装 node-glob 安装命令：npm install node-glob --save-dev 文件附加 webpack.base.conf.js --参考more start 处 var path = require('path') var utils = 阅读全文
posted @ 2018-01-29 11:13 越来越好888 阅读(2085) 评论(0) 推荐(0)
vue-cli 中引入 jq
摘要：vue-cli webpack 引入jquery 今天费了一下午的劲，终于在vue-cli 生成的工程中引入了jquery，记录一下。(模板用的webpack) 首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install 在webpack 阅读全文
posted @ 2018-01-13 15:44 越来越好888
vue-cli的使用
摘要：1.全局安装 vue-cli,语句： npm install vue-cli -g 2. 查看帮助命令：vue --help 3. 使用模板方案： vue init webpack 文件项目名 eg:vue init webpack vuedemo3 阅读全文
posted @ 2017-06-16 17:52 越来越好888 阅读(168) 评论(0) 推荐(0)
vue写一个购物车
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.0.2/css/bootstrap.min.css"/> </h 阅读全文
posted @ 2017-06-05 10:31 越来越好888
vuex相关知识点
摘要：vuex简单理解转载博客 vuex从入门到入门 state:从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状态 Getters:可以很容易地在任何组件中使用它 mutation ：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation重要的原则就是要记住 mu 阅读全文
posted @ 2017-03-15 15:25 越来越好888