VUE
关注
分享
扫一扫
听雪闻歌
IT技术(java、Matlab、Sql等)，三维设计(3dmax、SketchUp、CREO等)，二维设计(Photoshop、CAD等)，CNC数控技术，考研技巧总结等。
展开
-
Vue：Vue基础知识之利用v-if、v-else语句控制页面文本内容的改变
1、v-if、v-else判断语句实例v-if='isLogin' //类似 if elsev-elsev-if:是vue 的一个内部指令，指令用在我们的html中。 v-if用来判断是否加载html的DOM，比如我们模拟一个用户登录状态，在用户登录后现实用户名称。1、index.html文件<!DOCTYPE html><html lang...原创 2018-07-28 20:37:36 · 8160 阅读 · 0 评论 -
Vue：Vue简介、安装、使用方法之详细攻略
Vue简介1、前端三大技术html+js+css2、前端三大主流框架Reactor(facebook)、Vue(华人，已加入阿里系)、Angelar(google) Vue.js最初是华人开发，所以语法有中文版。Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视...原创 2018-07-27 11:18:18 · 409 阅读 · 0 评论 -
Vue：Vue基础知识之Vue.extend扩展实例构造器+实现点击文本跳转到指定网址
Vue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造器。经常服务于Vue.component用来生成组件，可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时，会自动调用“扩展实例构造器”来生产组件实例，并挂载到自定义元素上。1、实现的界面功能2、Vue.extend.html文件<!DOCTYPE html>...原创 2018-07-30 16:55:08 · 1173 阅读 · 1 评论 -
Vue：Vue基础知识之利用vue.directive自定义指令并实现绑定和解绑
利用vue.directive自定义指令并实现绑定和解绑实现界面vue.directive.html文件<!DOCTYPE html><html lang="en"><head> <title>vue.directive自定义指令实例</title> <meta charset="U原创 2018-07-30 16:13:42 · 4647 阅读 · 0 评论 -
Vue：成功解决[Vue warn]: Failed to resolve directive: jasonniu (found in <Anonymous>)
解决问题console.error(("[Vue warn]: " + msg + trace));[Vue warn]: Failed to resolve directive: jasonniu(found in <Anonymous>)解决思路基于Vue.directive自定义的指令，内部字母不能大写，要将JasonNiu改为Jasonniu ...原创 2018-07-30 15:26:54 · 38073 阅读 · 0 评论 -
Vue：vue基础知识之v-pre & v-cloak & v-once指令实例
vue基础知识之v-pre & v-cloak & v-once指令实例1、显示结果2、v-others.html文件<!DOCTYPE html><html lang="en"><head> <title>v-pre & v-cloak & v-once实例</titl原创 2018-07-30 11:52:51 · 636 阅读 · 0 评论 -
Vue：vue基础知识之利用v-model指令
Vue：vue基础知识之利用v-model指令1、结果界面显示2、v-model.html文件代码 <!DOCTYPE html><html lang="en"><head> <title><!DOCTYPE html><html lang="en"><原创 2018-07-29 17:26:21 · 1075 阅读 · 0 评论 -
Vue：ue基础知识之学会使用v-on绑定事件监听器
实现的界面功能点击两个按钮，点击键盘上的Enter键增加2分键盘按键对应数值分布v-on.html文件<!DOCTYPE html><html lang="en"><head> <title>v-on实例</title> <meta charset="UTF-8"&原创 2018-07-29 11:34:23 · 402 阅读 · 0 评论 -
Vue：Vue基础知识之学会使用v-text、v-html两个指令
Vue：Vue基础知识之学会使用v-text、v-html两个指令1、index.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi原创 2018-07-29 11:05:08 · 2182 阅读 · 0 评论 -
Vue：Vue基础知识系列+利用模板的输出方式输出Hello World到页面
模板的输出方式，把message变量渲染到模板里一、利用模板的输出方式输出Hello World到页面1、index.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2018-07-29 10:07:19 · 2586 阅读 · 0 评论 -
Vue：Vue基础知识之利用v-for语句+自定义排序函数实现data内数据按照age列自动排序
1、v-for循环实例：依次输出data数据的items的所有数值<!DOCTYPE html><html lang="en"><head> <title>v-for实例</title> <meta charset="UTF-8"> <meta nam原创 2018-07-29 09:44:36 · 10776 阅读 · 0 评论 -
Vue：Vue框架入门(1)在html网页上双向修改数据
在html网页上双向修改数据1、Vue双向绑定，此方法，解决了前端和后端交互最复杂的一步<!DOCTYPE html><html> <head> <title>MyHtml.html</title> <meta name="keywords" content="keyword1,keywo原创 2018-07-27 12:11:46 · 658 阅读 · 0 评论