vue
关注
分享
扫一扫
vue基础入门示例
_冷月心
[前端前端大前端]微信公众号作者，前端爱好者，日语爱好者，英语爱好者。
展开
-
vue-学生信息管理系统
界面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue--学生信息管理系统</title> <!-- 引包 --> <script src="https://cdn.jsde...原创 2019-05-14 14:20:02 · 8178 阅读 · 0 评论 -
vue-购物车小球抛物线
购物车小球抛物线原创 2020-01-14 10:14:13 · 1551 阅读 · 2 评论 -
vue项目中使用iconfont图标
vue中使用iconfont图标原创 2020-01-14 10:14:30 · 5446 阅读 · 2 评论 -
vue项目实战
vue项目实战演示地址github仓库部分截图演示地址https://lengyuexin.github.io/vue-demo/#/homegithub仓库https://github.com/lengyuexin/vue-demo/部分截图做的比较简单，适合新手这是用的移动端框架，查看的时候可以用手机或者浏览器的手机模式存在适配问题...原创 2019-05-30 18:04:47 · 1041 阅读 · 0 评论 -
vue--router的简单使用
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue-router</title> <script src="./lib/vue-2.4.0.js"></script> <!-- 1...原创 2019-05-17 17:22:28 · 340 阅读 · 0 评论 -
vue-常用钩子函数
生命周期请参考 https://blog.csdn.net/qq_42813491/article/details/90233962动画el表示被选中的元素methods: { // -------- // 进入中 // -------- beforeEnter: function (el) { // ... }, // 当与 CSS 结合使用时 //...原创 2019-05-17 16:34:58 · 1514 阅读 · 0 评论 -
v-if，v-else
使用v-if，v-else实现组件切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件切换</title> <script src="./lib/vue-2.4.0.js"></script>...原创 2019-05-16 15:34:40 · 1474 阅读 · 0 评论 -
vue--组件的创建
vue--组件的创建原创 2019-05-16 15:23:53 · 372 阅读 · 0 评论 -
vue--全局配置
全局配置请求的数据接口根域名* Vue.http.options.root = url* 在每次单独发起 http 请求的时候，请求的 url 路径，应该以相对路径开头全局配置 emulateJSON 选项* Vue.http.options.emulateJSON = true;* 配置后正常使用post处理表单请求...原创 2019-05-16 14:55:33 · 473 阅读 · 0 评论 -
vue-resource的简单使用
vue-resource的简单使用原创 2019-05-15 13:42:21 · 425 阅读 · 1 评论 -
vue--生命周期
生命周期图生命周期函数 beforeCreate() { //实例完全被创建出来之前，会执行它 // 注意： 在 beforeCreate 生命周期函数执行的时候，data 和 methods 中的 数据都还没有没初始化 }, created() { // 在 created 中，data 和 methods 都已经被...原创 2019-05-15 13:03:23 · 343 阅读 · 0 评论 -
vue--过滤器
效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>过滤器</title> <script src="https://cdn.bootcss.com/vue/2.6.8/vue.min.js"><...原创 2019-05-15 12:53:04 · 291 阅读 · 0 评论 -
vue--综合练习（品牌列表渲染）
vue--综合练习（品牌列表渲染）需求界面代码需求数据渲染添加数据删除数据数据过滤界面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>品牌列表渲染</title> <script src="...原创 2019-05-15 12:44:28 · 471 阅读 · 0 评论 -
vue-入门实例
vue-入门实例案例1--hello world案例2--数据显示的三种方式案例3--事件与方法案例4--事件修饰案例5--v-model双向数据绑定案例6--this的使用案例7--样式：class案例8-- ：style案例9 --数据遍历案例10-- v-show与v-if案例1–hello world<!DOCTYPE html><html lang="en">...原创 2019-05-14 20:21:30 · 762 阅读 · 0 评论 -
vue--响应式原理-核心函数
vue--响应式原理-核心函数原创 2019-09-07 10:11:05 · 482 阅读 · 0 评论