Vue
文章平均质量分 55
吕招焕
多看多学多练,挑战不可能
展开
-
Vue(狂神学习笔记)2021-10-8
Vue(狂神学习笔记) Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图 : 给用户看,刷新后台给的数据 网络通信 : axios 页面跳转 : vue-router 状态管理:vuex Vue-UI : ICE , Element UI 一、前端核心分析 1. VUE 概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心原创 2021-10-08 23:23:45 · 538 阅读 · 0 评论 -
一些知识点
1、package.json文件中修改启动端口号和自动打开浏览器原创 2021-03-19 23:41:57 · 59 阅读 · 0 评论 -
个人博客练手记录
技术栈:vue、nodejs、mongodb、git 1、vue-cli脚手架 安装vue-cli npm install -g @vue/cli-service-global npm install -g @vue/cli-init vue init 的运行效果将会跟 vue-cli@2.x 相同 vue init webpack my-project 2、main.js入口 连接App...原创 2020-04-01 13:11:09 · 171 阅读 · 0 评论 -
webpack安装和基本使用(个人记录)
webpack安装和基本使用 安装:npm install webpack@2.4.1 -g 打包:webpack ./main.js build.js body <body> <div id="app"></div> <script src="./build.js"></script> </body> ma...原创 2020-03-06 22:57:18 · 232 阅读 · 0 评论 -
vue中央事件总线
中央事件总线 <body> <div id="app"></div> <script src="./js/vue.js"></script> <script> var bus = new Vue(); Vue.component('brother1',{ ...原创 2020-03-05 20:43:34 · 138 阅读 · 0 评论 -
meta权限控制
meta权限控制 html代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit...原创 2020-03-05 10:23:48 · 936 阅读 · 0 评论 -
vueRouter动态路由匹配
vueRouter动态路由匹配 动态路由匹配需要安装vue-router 在控制台选择安装的路径 npm init --yes npm install vue-router -S html代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met...原创 2020-03-05 10:00:55 · 285 阅读 · 0 评论 -
vue组件通信$attrs、$listeners解决组件嵌套多层关系
vue组件通信attrs、attrs、attrs、listeners解决组件嵌套多层关系 1.系列为父组件给子组件传递数据 2.系列为子组件给父组件传递数据 <script> Vue.component('C',{ data(){ return{ } ...原创 2020-03-02 13:28:28 · 917 阅读 · 0 评论 -
vue父子组件通信props、$emit
vue父子组件通信props、$emit 通过props从父组件传递到子组件 <script> // 1、创建父&子组件 Vue.component('Parent',{ // 3、子组件挂载到父组件上 通过自定义属性传递数据 template:` <d...原创 2020-03-01 22:41:59 · 254 阅读 · 0 评论 -
vue过滤器
过滤器 //全局过滤器 Vue.filter('reverseStr',function(value,arg){ return arg+' '+value.split('').reverse().join(''); }); {{data | filtersName}} var App ={ data(){ ...原创 2020-02-28 11:51:14 · 86 阅读 · 0 评论 -
vue具名插槽
vue具名插槽 Vue.component('Vli',{ template:` <li> 第一个插槽 <slot name='blue'></slot> 第二个插槽 <slot name='sky'></slot> </li> ` }); var App = { templa...原创 2020-02-27 14:51:27 · 305 阅读 · 0 评论 -
Vue随手笔记
Vue随手笔记 按下回车(v-on、@keyup.enter) 写一个方法,通过@keyup.enter(“MethodName”) 调用方法 查询数据(axios接口、v-model) 输入框绑定v-model=“Name”,axios.get(‘地址?keywords=’+this.query).then(function(res){}.catch(){}) 歌曲搜索接口:http...原创 2020-02-19 21:53:11 · 109 阅读 · 0 评论 -
Vue基础和axios的基本使用
Vue基础和axios的基本使用 最近开始学vue,看了黑马视频写点记录。 标签注册点击事件 @click=“searchWeather()” 、@click=“changeCity(‘北京’)” 键盘回车事件 @keyup.enter=“searchWeather” 天气接口 http://wthrcdn.etouch.cn/weather_mini v-for=“item in wea...原创 2020-02-18 20:16:00 · 263 阅读 · 0 评论 -
axios基本使用的一个demo
axios的基本使用 导入axios 使用get或post方法发送对象的请求 then方法的回调函数 触发成功或失败 通过回调函数的形参获取相应的内容 文档 https://github.com/axios/axios <head> <meta charset="UTF-8"> <meta name="viewport" content="widt...原创 2020-02-17 21:32:39 · 527 阅读 · 0 评论