vue
吃了可爱多的我
来自广西南宁,最近对Javaweb挺感兴趣,希望在此次的javaweb课程学习中能独自创建一个网站。
展开
-
01.v-指令的学习
注意:要在该文件的同路径下先导入vue.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!--1.导入Vue包-原创 2021-02-13 16:34:08 · 167 阅读 · 1 评论 -
03.vue -跑马灯效果
注意:要在该文件同路径下先导入vue.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src=".原创 2021-02-13 16:32:02 · 116 阅读 · 0 评论 -
04.vue事件修饰符
注意:要在该文件同路径下先导入vue.js<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>vue html demo</title> <script src="../lib/vue.js"></script> <style> .inner{ hei原创 2021-02-13 16:30:34 · 93 阅读 · 0 评论 -
05.v-model指令的学习
注:在该文件同路径下先导入vue.js<!DOCTYPE html><html><head><title>Document</title><script src="vue.js"></script></head><body> <div id="app"> <h4>{{msg}}<h4> <!--v-bind只能实原创 2021-02-13 16:25:49 · 110 阅读 · 0 评论 -
06.简易计算器
注:要先在该文件的同路径下导入vue.js<!DOCTYPE html><html><head><title>Document</title><script src="vue.js"></script></head><body> <div id="app"> <input type="text" v-model="n1"> <sel原创 2021-02-13 16:23:24 · 76 阅读 · 0 评论 -
07.vue中样式-class
<!DOCTYPE html><html><head><title>Document</title><style> .red{ color:red; } .thin{ font-weight:200; } .italic{ font-style:italic; } .active{ letter-spa原创 2021-02-13 16:21:09 · 93 阅读 · 0 评论 -
后端中mvc与前端中MVVM之间的区别
–MVC 是后端开发的概念–MVVM是前端视图层的概念,主要关注于视图层分离,也就是说:MVVM把前端分成了三部分:model,View,viewmodel下图详细描述了两者的关系:原创 2021-01-20 15:15:52 · 174 阅读 · 0 评论 -
VS Code右键运行Open with live Server弹出找不到应用程序
显示问题如下图所示:解决方法:重置默认的浏览器原创 2021-01-18 12:44:52 · 1551 阅读 · 0 评论 -
vue前端框架--动态切换currentView组件方法
1.在当前vue页面导入所拥有的组件import searchSongs from ‘…/components/search/SearchSongs’import searchSongLists from ‘…/components/search/SearchSongLists’2.引入定义:name: ‘search’, components: {  原创 2021-01-12 15:13:45 · 1536 阅读 · 0 评论