Vue2.js
渐进的js框架
晚上睡不着!
爱敲代码的90后
展开
-
Node.js和Vue.js是什么关系,前端的发展历程。
node.jsnode.js不是一门语言,不是库,不是框架,只是一个javeScript运行时环境,简单的就是node.js可以解析和执行javeScript代码,以前只有浏览器可以解析执行JaveScript代码,现到的javeScript可以完全脱离浏览器来运行,一切都归功于node.js、nodejs构建于Chrome的V8引擎[目前解析执行JaveScript最快的]之上:代码只是具有特定格式的字符串而已,引擎可以解析和运行代码node.js中的javeScript没有Bom,Dom原创 2021-09-27 16:19:13 · 707 阅读 · 0 评论 -
Vue.js 组件间值传递(props)
简单接收子组件配置<template> <div class="item"> <h2>{{title}}</h2> <p>{{content}}</p> <hr> <span>{{aouthor}}</span> <span>{{views}}</span> <span>{{msg}}</s...原创 2021-10-09 15:26:27 · 460 阅读 · 0 评论 -
mixin混入混合和局部样式
如何使用配置import{info,userMsg} from '../mixin.js'<template><div> <h1>子组件</h1> <h1>{{msg}}</h1> <button @click="show">你点试试</button></div></template><script>import{info,us原创 2021-10-09 15:38:27 · 96 阅读 · 0 评论 -
全局总线,发布和订阅
1,全局总线 a,在main.js里声明一个全局事件总线beforeCreate(){ Vue.prototype.$bus=this;//声明一个全局事件总线 } b,school.vue<template> <div> <Student :stu="students"></Student> </div></template><script>...原创 2021-10-09 17:32:06 · 79 阅读 · 0 评论 -
axios跨域和一言api调用
1,在所在项目安装axiosnpm install axios -simport axios from 'axios';2,在config下修改index.js文件在proxyTable里加入后端目标地址index.js'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path原创 2021-10-11 18:37:24 · 195 阅读 · 0 评论 -
vue.js插槽的学习(slot)
1,默认插槽子组件:<slot></slot>子组件.vue<template> <div class="bili-grid"> <div class="bili-title"> <span>番剧</span> <ul> <li>最近更新</li>原创 2021-10-18 10:50:21 · 675 阅读 · 0 评论 -
websocket聊天室
1,userList.vue<template> <div class="user-list"> <ul class="layui-menu" style="margin-top: -1px;"> <li v-for="ul in userList" :key="ul.userId"> <div class="layui-menu-body-title"> {{ul.use原创 2021-10-20 16:57:46 · 114 阅读 · 0 评论 -
vue路由
注意,先下载 axiosnpm install axios1.index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ background-color: #000000; } .title{ width: 980px; height: .原创 2021-10-20 17:30:13 · 44 阅读 · 0 评论 -
Vue常用指令语法
1.v-model 多用于表单元素实现双向数据绑定2.v-for循环数组3.v-show 显示内容4.v-hide 隐藏内容5.v-if 显示与隐藏 (dom 元素的删除添加 同 angular 中的 ng-if 默认值为 false)v-else-if必须和 v-if 连用 v-else 必须和 v-if 连用 不能单独使用 否则报错 模板编译错误6.v-bind 属性绑定7.v-on:click 给标签绑定函数,可以缩写为@8.v-text 解析文本9.v-html...原创 2021-09-27 16:28:47 · 77 阅读 · 0 评论 -
npm讲解、npm的安装教程、Node.js安装教程
一、知识储备中心在安装npm之前我们需要先弄懂几个东西 什么是npm? 什么是webpack? 什么是vue-cli? 1、npm(Node Package Manager)是Nodejs下的节点包管理器。那么 npm 是怎么火的呢?npm 的发展是跟 Node.js 的发展相辅相成的。Node.js 是由一个在德国工作的美国程序员 Ryan Dahl 写的。他写了 Node.js,但是 Node.js 缺少一个包管理器,于是他和 npm 的作者一拍即合、抱团取原创 2021-09-27 16:26:51 · 53 阅读 · 0 评论 -
npm和cnpm安装和创建vue项目
1,npm安装Vue脚手架 Vue Cli (安装 | Vue CLI (vuejs.org))1、如果下载慢 换淘宝镜像npm config set registry " https://registry.npm.taobao.org "2、下载clinpm install -g @vue/cli3、验证vue --version异常解决npm install -g @vue/cli-init创建项目vue init webpac...原创 2021-09-27 16:16:29 · 189 阅读 · 0 评论 -
vue.js之vuex
工程目录结构npm安装 :npm install vuex --save1.Number.vue<template> <div> {{$store.state.num}} <br> <button @click="addNum">数字增加</button> </div></template><script>export defau.原创 2021-10-20 17:34:33 · 83 阅读 · 0 评论 -
一、VueUI
1.1 移动端常用UI组件库 VantVant - Mobile UI Components built on Vue Cube UIcube-ui Document Mint UIhttp://mint-ui.github.io nut UINutUI - 移动端 Vue2、Vue3 组件库 1.2 PC常用UI组件库 Element UIhttps://element.eleme.cn IView UIhttps://www.iview...原创 2021-10-27 14:20:03 · 45 阅读 · 0 评论