vue——在Vue中使用插槽：slot
在Vue中使用插槽：slot 1、在子组件的template里可以直接使用slot标签<slot></slot>，它可以显示父组件向子组件插入的内容。 2、slot标签里面可以写一些默认值，当父组件没有插入内容的时候它就会显示默认值，插入内容时就只显示插入的内容。 3、当使用多个slot标签时，直接插入多个内容时，每个slot标签内都会包括所有插入的内容。 可以通过slot…
vue中filter用法
filters过滤器 filters是一个对象，在vue中的表达式如下： filters:{ fun1(v) { ...处理逻辑 return 返回处理后的值; }, fun2(v) { ...处理逻辑 return 返回处理后的值; }, } Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。 过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开…
Vue前端验证一个text只能输入手机号或邮箱
直接上代码： element-ui 内部 text： <el-form-item prop="username"> <el-input v-model="ruleForm.username" placeholder="用户名" autofocus> </el-input> </el-form-item> 检查对象： let checkPhoneOr…
vue实现购物车（简单）
今天用vue写了一个类似购物车功能，涉及到很多基础，其实是为了巩固基础，适合基础比较薄弱的猿们，就两个vue文件，一个子组件一个父组件，页面是这样的： ok,首先我们先用vue cli3新建一个项目，在view文件夹下新建一个vue文件，这就是父组件，我们起名shopCar.vue,然后配置路由，让路径Home重定向到shopCar, 在shopCar中，我们首先先把样式写好： <div&g…
WebSocket的基本使用-Vue/ElementUI实现实时公告栏
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket允许服务端主动向客户端推送数据，在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 使用WebSocket的意义： 现在很多网站展示实时数据采用的方式Ajax 轮询，这种方式需要设置计时器在特定的时间（间隔时间）里使客户端向服务端发起HTTP请求…
vue项目职责_vue项目总结，所用到的技术点
1.用到的技术点 vue 是一个渐进式JavaScript框架 npm install vue vue-route 是一个路由匹配功能 npm install vue-router vue-resource 发送ajax请求的 npm install vue-resource vue-preview 图片预览插件 npm i vue-preview -S vuex 组件传值 npm install…
Vue遇到的问题—-不能绑定数据
也是刚开始学习vue，遇到了一个小问题： 在使用vue的时候不能使用{{xxx}}来绑定数据 后来发现了问题所在： <!-- 引入自己写的app.js --> <script src="js/app.js" type="text/javascript" charset="utf-8"></script> 这段代码应该放在body之后，不然是没有效果的。 如图现在…
callback回调使用 vue_什么叫CallBack函数，怎么用回调函数？
JQuery众多常用方法中很经常会用到回调函数， 理解好js callback函数定义及用法，我们就可以利用callback函数帮我们做很多事情啦！ A callback is a function that is passed as an argument to another function and is executed after its parent function has comp…
Vue3+node.js网易云音乐实战项目(三)
页面 一、头部导航栏布局二、轮播图的实现三、请求网易的banner图四 链接 一、头部导航栏布局 首先我们看最上面这里的布局，大致可分为三个模块，顶部左边，顶部中间，顶部右边 那么我们在component创建一下子组件，命名为topNav.vue 为了让这个整体好看一点，我在 App.vue 这加了一点整体的样式 *{ margin: 0; padding: 0; box-sizing: bord…
- Go to the previous page
- 1
- …
- 228
- 229
- 230
- 231
- 232
- 233
- 234
- …
- 247
- Go to the next page