随笔分类 -  VUE

javascrpit html bom dom es node js
Js开发_Vue 对象&数组常用总结
摘要:①【数组去重】 methods: { dedupe(array) { return [...new Set(array)] }, startCallback() { var arr = [1,2,2,3,3,4,4,5,5] console.log(this.dedupe(arr)) } } ②【对 阅读全文
posted @ 2021-09-14 07:50 小魔一剑
Js开发_Vue 回调&异步常用总结
摘要:① 第一步:callback 1. 方法回调 <template> <div class="hello"> <button type="button" @click="setCallBack()"> testCallback </button> </div> </template> <script> 阅读全文
posted @ 2021-09-14 07:45 小魔一剑
Vue开发_组件之间的传参(2)
摘要:① 父组件是计算属性 可以通过父组件的计算属性将参数传递给子组件。这样可以确保父组件的状态或数据变化时,子组件可以自动更新。 <template> <div> <h1>父组件</h1> <p>父组件的消息: {{ parentMessage }}</p> <ChildComponent :messa 阅读全文
posted @ 2021-09-06 10:02 小魔一剑
Vue开发_组件之间的传参(1)
摘要:【一】父组件向子组件传递数据(方式: props) 父组件 Parent.vue <template> <div class="parent"> <h2>{{this.msg}}</h2> <son psMsg="父组件传递给子组件内容"></son> </div> </template> <scr 阅读全文
posted @ 2021-09-03 08:37 小魔一剑
Js开发-Vue 技术-通信模拟Plugin-axios
摘要:① 安装配置axios 1. 安装 npm install axios 2. 创建axios/index.js 文件 import axios from 'axios' import httpUser from './httpUser' // axiosデファクト値 axios.defaults.t 阅读全文
posted @ 2019-08-26 07:31 小魔一剑
Js开发-Node技术-服务器MVC架构
摘要:userModel /* global module, require */ var mongoose = require('mongoose'); // ユーザの情報を保持するクラス /** * @type {MongoSchema} */ const userSchema = mongoose. 阅读全文
posted @ 2019-08-20 21:45 小魔一剑
Js开发-Vue技术-PC前端模版Plugin-ElementUI
摘要:参考文献 <<安装命令>>npm install element-ui --save <<Element_ui>><<安装>>npm install element-ui --save <<官方>>https://element.eleme.cn/#/zh-CN/component/installa 阅读全文
posted @ 2019-08-09 16:18 小魔一剑
JS开发-Vue技术-构建模块Plugin-Webpack
摘要:参考 官方: https://www.webpackjs.com/ . 创建vue工程-(webpack方式) . 进入工程目录 . npm install -g @vue/cli-init (如已安装跳过) . vue init webpack vue-project-spa 1. 配置环境参数【 阅读全文
posted @ 2019-08-09 14:22 小魔一剑
Js开发-Vue技术-状态管理Plugin-Vuex
摘要:功能概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如零 阅读全文
posted @ 2019-08-09 14:10 小魔一剑
Js开发-Vue技术-前端模版
摘要:1. Vue文件中模块之template <template> <div> <template v-if="temCon"> <h1>Title</h1> <p>Paragraph 1</p> <p>Paragraph 2</p> </template> <ul> <template v-for=" 阅读全文
posted @ 2019-08-09 14:03 小魔一剑